Margin-left и IE 6,7,8,9

Сижу на работе, потратил 3 часа на то, что бы во всех браузерах текст находился в одном положении… А все из-за Internet Explorer 8 (IE8) и margin-left. Вы не представляете сколько я перебрал вариантов перед тем, как текст все таки встал. В интернете достаточно много решений этому явлению, но почему то моему не подходило…

Margin-left я использовал в меню, которое при загрузке страницы появляется и уезжает за стенки монитора. После этого остается только верхняя часть. Вот пример менюшки. Если порыться в интернете, то можно найти вариант правого расположения. Мне же, из-за дизайна сайта, нужен был левый, которого в природе не существует.

Если кому-нибудь нужно — я готов поделиться таким, но после праздников. Дак вот, никак у меня не получалось выравнять во всех браузерах текст. Где-то ближе, где-то дальше, где еще что. В общем решение вот:

Вставляете в шапку шаблона, до body:

<html> 

Если нужен конкретный браузер ИЕ, то выбирайте свой вариант. Ничего изменять не нужно!!!

Далее в css документе вставляете (пример):

div.bar {

    width: 300px;

}

.ie6 div.bar {

    width: 310px;

}

.ie7 div.bar {

    width: 290px;

}

Т.е. пишите .IE7 (или цифру нужного браузера) и далее копируете css стиль (пример)

div.bar {

    width: 290px;

}

Ну и все, каждый браузер будет читать его и отображать, проверенно на 8 и 9 браузере. Очень надеюсь, что кому-нибудь этой статей помогу, т.к. я за*б*лся…

Теги: Margin-left и IE 6,7,8,9, margin-top, margin, margin-bottom, margin-right

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *