Верстка, проблема с ие 6, 7

[Rustick]

Оцените верстку.

Хром, лис, опера, ие 8, ие 9 в целом выглядит нормально.

Скриншот

Верстка

Проблема с ие 6 и ие 7. Решил научиться работать и с этими браузерами, так что здесь нужна ваша помощь.

Как видите в 6-ом ие проблема с менюшкой в основном, сверху справа, ну а линию я думаю за счет отступов в условных коментах поправлю

ИЕ 6

Скриншот 1

Скриншот 2

Скриншот 3

В 7-ом ИЕ также проблема с менюшкой, плюс картинка в шапке уехала.

ИЕ 7

Скриншот 1

Скриншот 2

[Gaspode]

body { 
width: 800px;
margin: auto;
background: #ffffff;
}

IE7 это не схавает, задайте эти стили для #wrapper

По поводу менюшки в IE6: у меня такая же фигня была когда-то. Попробуйте background: #fff для элементов списка задать. Мне помогло тогда. Почему-то 0_о

И hasLayout прицепите на ul.menu. Вдруг поможет =D

img.logo {
margin-left: 20px;
float: left;
}

Если задан float: left, то ИЕ6 удваивает левый margin для этого элемента. Добавьте display: inline к таким блокам. Дурдом, конечно, но ИЕ6 после этого лучше будет себя чувствовать.

По вёрстке: названия блоков - дурацкие (right_1, right_2), структура заголовков скачет, какие-то левые картинки в разметке (которые в стилях должны быть) - мусора много слишком, не читается код вообще. В стилях организации тоже не видать.

Edited August 29, 2011 by Gaspode

[Vlad]

Поздновато вы что-то решили научиться работать с IE6. Он в последнее время даёт дуба, дышит на ладан, отправляется на тот свет, приказывает долго жить, почиёт в бозе, преставляется, богу душу отдаёт и всячески загибается, окочуривается, подыхает, скопытивается, околевает и сдыхает.

[Rustick]

Переделал чуток

body { 
width: 800px;
margin: auto;
background: #ffffff;
}

IE7 это не схавает, задайте эти стили для #wrapper

По поводу менюшки в IE6: у меня такая же фигня была когда-то. Попробуйте background: #fff для элементов списка задать. Мне помогло тогда. Почему-то 0_о

И hasLayout прицепите на ul.menu. Вдруг поможет =D

img.logo {
margin-left: 20px;
float: left;
}

Если задан float: left, то ИЕ6 удваивает левый margin для этого элемента. Добавьте display: inline к таким блокам. Дурдом, конечно, но ИЕ6 после этого лучше будет себя чувствовать.

По вёрстке: названия блоков - дурацкие (right_1, right_2), структура заголовков скачет, какие-то левые картинки в разметке (которые в стилях должны быть) - мусора много слишком, не читается код вообще. В стилях организации тоже не видать.

- поменял стили с body для #wrapper

- background: #fff для менюшки не помог

- почитал про hasLayout, прописал zoom: 1; для ul.menu - в ie 7 шапка сдвинулась чуток слева, но все равно не на месте стоит

- display: inline прописал, где есть float и margin

В итоге проблема с верхушкой (меню) осталась! и в 6-ом и в 7-ом ие

В ие 7 шапка сдвинута

По названиям блоков согласен, но не знаю что там еще придумать, вы бы как назвали? Читал что нужно называть по назначению элементов.

какие-то левые картинки в разметке (которые в стилях должны быть

- пример где неправильно можно? и как правильно нужно делать пример

Поздновато вы что-то решили научиться работать с IE6. Он в последнее время даёт дуба, дышит на ладан, отправляется на тот свет, приказывает долго жить, почиёт в бозе, преставляется, богу душу отдаёт и всячески загибается, окочуривается, подыхает, скопытивается, околевает и сдыхает.

Советуете отказаться от использования 6-ой версии?

Gaspode, Vlad, спасибо за помощь и критику.

Пробовал для примера вместо

li.icon_1 {
list-style-image: url(img/green_square.png); 
}

писать

li.icon_1 {
list-style: square outside;
color: green;
}

все равно не помогает