2010-06-27 5 views
3

Это мой веб-страницу, которая не работает в IE8, но работает в FF 3.6.4 и Opera 9.63: -минимальная ширина, максимальная ширина, ширина. Ничего работы в IE8 на тело тега

<html> 
    <head> 
     <style type="text/css"> 


      body{ 
       max-width:10002px; 
       min-width:3072px; 
       width:10002px; 
       margin:0px auto; 
       background:#293231; 
       height:100%; 
       padding:0px; 
      } 


     </style> 
    </head> 
    <body > 


    </body> 
</html> 

Нет полосы прокрутки не появляется в нижней части страницы IE8

+0

Какой тип 'doctype' вы используете для своего HTML? – Oded

+0

Существует нет doctype. Это всего лишь тестовая страница, которую я создал в блокноте, и сохранил ее как .html – TCM

+4

Затем _add_ правильный doctype. IE8 использует doctype для рендеринга, и без doctype он, вероятно, перейдет в режим quirks. – Oded

ответ

6

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

В большинстве случаев, когда речь заходит о полосах прокрутки, они появятся только тогда, когда содержание шире/выше, чем область отображения клиента, независимо от правил CSS.

5

Нет смысла устанавливать max-width и min-width, если вы собираетесь установить значение width, которое приведет к их игнорированию. В вашем примере min-width никогда не будет использоваться, поскольку вы уже установили width на большее значение. Аналогично, max-width здесь не нужно, потому что width установлено на то же значение.

Это было бы более целесообразно использование трех:

div.yourdiv { 
    max-width: 300px; 
    min-width: 100px; 
    width: 50%; 
} 

Это div будет составлять 50% от ширины элемента, содержащего его, но не будет превышать 300 пикселей в ширину или упасть ниже 100 пикселей в ширину ,

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