Помогите с ie6 сдвигаются слои

[viv]

Доброго времени суток!

Как уколоть ишака 6 чтобы не сдвигал слои? Везде отображается нормально, но 6 сдвигает обтекающие слева слои.

При этом такое ощущение, что он всталяет какие то левые отступы. На пример: задаю margin-left: 20px; Везде нормально отсутают слои, а в 6 больше растояние примерно получается 40px.

Не могу понять почему. Может кто то сталкивался с этим, подскажите пожалуйста.

[eVErl@Sting]

хз, сделай отдельное правило, только для IE..

А вообще не видя кода всей страницы, трудно что либо сказать конкретное, отступы для всех элементов в CSS сбрасывать пробовал?

[Нет]

viv, IE6 удваивает значение mаrgin, совпадающее по направлению со значением float (например, у элемента со свойством «float: left» отступ «margin-left» будет в IE6 в два раза больше указанного в CSS). Чтобы этого избежать, нужно задать элементу «display: inline». Все браузеры, кроме IE6, это свойство проигнорируют, поскольку float делает элемент блочным независимо от свойства display, а IE6 станет отображать margin правильно. Условные комментарии не нужны.

[ShumNo]

у 6-го осла вроде бы как раз баг с маргиным он его на 2 множит

[viv]

viv, IE6 удваивает значение mаrgin, совпадающее по направлению со значением float (например, у элемента со свойством «float: left» отступ «margin-left» будет в IE6 в два раза больше указанного в CSS). Чтобы этого избежать, нужно задать элементу «display: inline». Все браузеры, кроме IE6, это свойство проигнорируют, поскольку float делает элемент блочным независимо от свойства display, а IE6 станет отображать margin правильно. Условные комментарии не нужны.

Спасибо за ответы ребят, сейчас попробую дисплей применить, и ести не выйдет прикреплю css и html

[viv]

Да, все получилось! Спасибо!

А еще вопросик: из-за чего IE 7,8 и вроде бы 6 растягивают макет по ширине и тем самым увеличивается шрифт, как то так все увеличивает, а в опере и фф все нормально разрешение 1000px

[Нет]

viv, без полного кода страницы (HTML, CSS) сказать, в чем именно у вас проблема, достаточно сложно. Возможно, у вас в разных браузерах стоит разный масштаб страницы.

Edited December 15, 2010 by Нет

[viv]

Исходники могу прикрепить только когда дома буду. Если возможно, посмотрите ссылку может там видно будет в чем дело.

Edited March 23, 2011 by viv

[Нет]

viv, разница в отображении между Firefox и IE(7, 8) заключается в том, как выводятся заголовки. Поскольку вы не задали размер шрифта для заголовков, каждый браузер отображает их по умолчанию, и, соответственно, по-разному. Нужно задать размер шрифта для h1. IE6 не понимает русские буквы в домене, поэтому верстать под него вам, в общем-то, и не нужно.

[viv]

viv, разница в отображении между Firefox и IE(7, 8) заключается в том, как выводятся заголовки. Поскольку вы не задали размер шрифта для заголовков, каждый браузер отображает их по умолчанию, и, соответственно, по-разному. Нужно задать размер шрифта для h1. IE6 не понимает русские буквы в домене, поэтому верстать под него вам, в общем-то, и не нужно.

Как новичку в div верстке Вы просто открываете мне глаза ггЫ Спасибо за ценные советы. А домен то это на сейчас площадка для тестов, мы его зарегали на будующее. Будем еще на латинице покупать. Вот такие дела. С заголовками стало понятно, но ie полностью растягивает по своей ширине, а опера соблюдает заданную ширину в 1000px и видно фон body. Как это можно исправить?

Что скажите про верстку? Сколько черт ног сломает?

Edited December 15, 2010 by viv

[Нет]

viv, верстка ужасна с точки зрения семантики. Классы и идентификаторы у вас отражают не смысл элемента, а его внешний вид. Как пример: #line, #podline, #hand, #usb, #key, .redcvet. Стоит только изменить на сайте цвета, убрать линию, поменять картинки — и никто уже не поймет, почему вы назвали всё это именно так. Поисковый робот не найдет на вашем сайте даже элементарного блока #content, название которого ясно говорит о том, что внутри него находится основное содержимое страницы. Почитайте, что такое семантическая верстка. Теги <br /> использовать для отступов не нужно, для этого существует свойство «margin» в CSS. То, что вы выводите с помощью кучи ссылок и <br /> — это ненумерованный список, для него есть соответстующие теги. И так далее. Плюс почитайте, почему нужно сохранять все документы в кодировке UTF-8 (NO BOM) и задавать размеры шрифта в относительных единицах. Если вам нужно что-нибудь более подробно, пишите личное сообщение.

[viv]

Нет Да, согласен с Вами, верстка оставляет желать лучшего. Но это превый опыт. Будем работать))) Спасибо за советы, обязательно обращусь еще (и не раз наверное)

Edited December 15, 2010 by viv