выравнивание по центру с фиксированной шириной в IE6 - PullRequest
Новая
       4

выравнивание по центру с фиксированной шириной в IE6

1 голос
/ 26 января 2010

Я обычно использую этот код 

div#wrapper{width:900px; margin: 0 auto;}

div#header{float:left; width: 900px;}

div#sidebar{float:left; width: 300px;}

div#content{float:left; width:600px;}

div#footer{float:left; width: 900px; clear:both;}

и у меня есть эта разметка 

<div id="wrapper">
 <div id="header"></div>
 <div id="sidebar"></div>
 <div id="content"></div>
 <div id="footer"></div>
</div>

каким-то образом макет ломается в IE6: весь макет плавает влево!

есть какие-нибудь ноу-хау по этому поводу?

EDIT: верстка верна; центрирование работает в IE7 и 8 (но ломается в причудах)

EDIT вот как это выглядит в режиме причуд альтернативный текст http://www.freeimagehosting.net/image.php?2646ed5285.png

Ответы [ 3 ]

1 голос
/ 26 января 2010

Вам нужно объявить тип документа ..

подойдет любой doctype ..

( проверено )

0 голосов
/ 26 января 2010

Как говорит Габи, с доктриком все получится. Попробуйте в верхней части документа: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
0 голосов
/ 26 января 2010

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

div#wrapper{width:900px; margin: 0 auto;}
div#header{width: 900px;}
div#sidebar{float:left; width: 300px;}
div#content{margin-left: 300px; width:600px;}
div#footer{width: 900px; clear:both;}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...