min-ширина не работает в IE для замороженного макета - PullRequest
Новая
       12

min-ширина не работает в IE для замороженного макета

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

Я хочу сделать замороженный макет в шаблоне веб-сайта, но у меня есть проблема в Internet Explorer.

Я делаю так 

<div id="NewsBlock">
    <div id="aboutUs">
        <h1></h1>
        <span class="OpenDayBanner"></span>
        <p>You can replace the paragraph above with some text describing your FAQ system. Here's an example: If you have questions about our web site, our products or our services, there’s a good chance you’ll find the answer here</p>
    </div>
</div>

Для CSS я делаю так 

div#NewsBlock{
    min-width: 1300px;   //this work for Firefox and chrome
    width:100%;
    overflow: hidden;
    height: 510px;
    background-image:url(../images/aboutstartupbg.png);
    background-repeat: repeat-x;
 }

Использование минимальной ширины и процентного значения для ширины делает макет замороженным в Firefox и Chrome, но он не работает в IE !!Любые предложения, пожалуйста

Ответы [ 3 ]

0 голосов
/ 27 января 2012

Проблема решается изменением dtd HTML на XHTML 

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ">

до 

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org    /TR/xhtml1/DTD/xhtml1-transitional.dtd">

   <html xmlns="http://www.w3.org/1999/xhtml">
0 голосов
/ 27 января 2012

Используйте строгий тип документа, такой как <!DOCTYPE HTML>, чтобы убедиться, что IE правильно выполняет отрисовку.

Также рассмотрите возможность добавления <meta http-equiv="X-UA-Compatible" content="IE=edge" /> к <head>.

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

Вы должны определить свойство min-width элемента <p>.

Пример: 

p.myClass {
    min-width: 420px;
   }
...