Уважаемые профессионалы, помогите разобраться: 
Делаю сайт на дивах, вроде как все более менее правильно, делаю-делаю, смотрю его периодически в браузере Chrome который показывает все правильно и логично (у меня в линуксе он единственный)). 
Но тут как-то с флешки загрузился на работе на старом ХР в IE5 или 6 (помоему), а там третий верхний див якобы не вмещается в строке и переносится на новую строку. Общую ширину делал немного шире, как раз на случай если какой нибудь браузер решит добавить пару пикселей.


html 



CSS


Помогите советом, как победить старый IE (при том что в новом все отображается нормально)

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

У тебя IE6, IE 5.5 уже совсем не в моде.

Смотри на margin-left и на margin-right (cправедливо и для padding) у левого и правого блока соответсвенно. У IE6 есть загадочная особенность удваивать отступы. Бороться с этим просто: если у тебя margin:0 0 0 20px; пишешь вслед за ним _margin:0 0 0 10px;

Так же можешь почитать про комментарии для IE и подключить специальный css файл для IE6.

И кстати, недавно майкрасофт (у них сайт не корректно отображается в IE6) все же убедительно попросил разработчиков не поддерживать IE6, н.о к сожалению реалии пока что иные и частенько приходится писать кучу хаков для осла.

Это сообщение отредактировал(а) Ctulhy - 1.4.2011, 10:02

Пропишите всем плавающим элементам display:inline

Это сообщение отредактировал(а) mcTep - 1.4.2011, 12:53

Еще от убегания блока с float:left часто помогает clear:right его левому соседу.

Да вероятно это ie6, я их не различаю, поскольку пользуюсь 1-2 раза в год, а так чисто случайно ин html свой запустил и увидел такое безобразие.

Непонял(( margin:0 0 0 20px; ,а следом margin:0 0 0 10px; - какое из них будет исполнятся то(.

SelenIT, мне кажется clear:right не поможет и не уместен он тут, блоки просто по коду идут один за другим с обтеканием с лева.

Ну, вреда от него по логике не будет (если справа нет элементов с float:right, конечно... но вроде их нет;). А польза в IE6, вообще отличающемся весьма своеобразной логикой — кто знает...

Прошу прощение у топикавтора, не хотел создавать отдельную тему.
У меня тоже проблема с DIVами. Предположем в одном блоке у меня расположены 2 блока, один под другим. Верхний залит бэкграундом и по центру написан текст. В нижнем тоже самое. Так вот. С фоном всё в порядке, а текст если выравнивать МАРГИНами остаётся в притык с верхним краем нижнего блока. Если сделать выделение в Хроме, то весь отступ уходит до текста первого блока.

Присоединённый файл ( Кол-во скачиваний: 3 )
 Screenshot.jpg 12,40 Kb

systemIV, код в студию. И подробнее задачу опишите. Не понятно, чего надо добиться

mcTep, стояла проблема в обтекании. Сейчас выставил абсолютное позицианирование, всё нормально