2010-05-18 2 views
2

Здесь HTML и CSS.Ширина CSS 100% не работает должным образом на мониторе 22 ''

На 17 '' и 19 '' экран выглядит хорошо. Как я мог поймать ошибку?
Пожалуйста, помогите.

+3

монитор 22 футов? Запишите меня! – rpetrich

+3

Я обнаружил, что с помощью расширения Firefox FireBug помогает много. Он может показать вам margin/padding/position всех ваших div. – Jens

+0

Я не могу отладить его. У меня только 19-дюймовый монитор, и на всех браузерах он работает нормально. Но у клиента есть 22 ', и он хочет, чтобы он был полноэкранным (и левая сторона фиксированного размера). – Describer

ответ

2

Я предполагаю, что вы не хотите, чтобы область содержимого была такой же широкой, как и все расширенное окно браузера?

вам нужно предоставить свой #wrapper div установленную ширину, тогда все остальные div могут принимать ширину 100% от нее.

Например,

#wrapper 
{ 
    margin-left: auto; 
    margin-right:auto; 
    width:960px; 
} 
+0

+1 как на примере, похоже, это вопрос. – Fenton

+0

Вам также необходимо применить clearfix к вашему обертеру div. – TheGeekYouNeed

+0

Я (клиент) хочу, чтобы она была максимальной ширины. левая часть фиксированная, правая часть остальная часть экрана – Describer

0

Попробуйте что-то вроде этого:

<html> <body style="margin:0px;"> <div style="padding-left:50px;text-align:left;"> <div style="border:solid 1px red;width:100%;">content here</div> </div> </body> </html>

Смежные вопросы