Проблема со слоями в IE

Terranin · January 26, 2012

Какая-то идиотская проблема с размещением слоев именно в IE, firefox и Chrome отображают все как нужно.

Есть несколько слоев которые идут слева направо, и под ними еще один слой который по идее должен прилегать без зазоров. Но почему-то именно в IE между ними появляется зазор.

Высота текста ни на что не влияет я его вообще убирал, соседние с "Users' list" слои тоже - их отключал. Зазор все равно остается. Ну что за нафиг?

Код:

<div style="margin: 0 0 -1px 50px; background-image:url(TabBackground.png); background-repeat: repeat-x; float: left;">
<img src="LeftTab.png" width="20" height="30"><span class="ActiveMenu">Users' list</span><img src="RightTab.png" width="20" height="30">
</div>

<div style="margin: 5 10 -1 10; float: left;">
<span class="InactiveMenu"><a href="#">Pending requests</a></span>
</div>

<div style="margin: 5 10 -1 10; float: left;">
<span class="InactiveMenu"><a href="#">Get new key</a></span>
</div>

<div style="margin: 5 10 -1 10; float: left;">
<span class="InactiveMenu"><a href="#">Exchange key</a></span>
</div>

<div style="border: 1px solid #999999; width: 100% - 20px; height: 300px; border-radius: 10px; clear: left; padding: 5px;">

</div>

Так показывают нормальные браузеры:

Так показывает IE:

Ссылка на страницу:

страница

Terranin · January 26, 2012

Подозреваю проблему в теге clear: left; похоже IE при этом делает отступ по вертикали а другие браузеры нет. Как заресолвить проблему?

Terranin · January 27, 2012

Мда, решил проблему.

Если кому интересно то было вот что:

- при добавлении <!DOCTYPE html> в начало файла IE стал по-другому выравнивать слои

- все отступы переписал с добавлением px

- в слои нужно было добавить position: relative;

теперь во всех браузерах отображается одинаково страница

Sign In

Проблема со слоями в IE

Question

Terranin

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Terranin

Link to comment

Share on other sites

Terranin

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information