2015-01-20 2 views
0

В IE7 у меня возникает некоторый разрыв между двумя div.Связанный с браузером пользовательский интерфейс

Но в IE8 нет пробелов.

Как получить такой же пробел в обоих браузерах без использования условного CSS?

<html> 
    <style> 
    #layout_wrapper { 
     width: 100%; 
     border: 0px solid red; 
    } 

    #div_wrapper{ 
     width: 100%; 
     border: 0px solid blue; 
    } 

    #container_02{ 
     width: 100%; 
     border: 0px solid red; 
    } 
    </style> 

    <div id="layout_wrapper"> 
    <div id="div_wrapper"> 
     <div name="container_01"></div> 
    </div> 

    <div id="div_wrapper"> 
     <div name="container_02" id="container_02"></div> 
    </div> 
    </div> 

</html> 
+1

С помощью этого HTML и CSS невозможно увидеть пробел. – panther

ответ

1

Добавив height к div_wrapper css class У меня такой же разрыв как в IE-7, так и в IE-8.

#div_wrapper{ 
    width: 100%; 
    border: 0px solid blue; 
    height: 175px; 
} 
1

И IE7, и IE8 поддерживают HTML одинаково, но есть некоторые фундаментальные различия в CSS.

Посмотрите на это link. В нем перечислены некоторые общие различия в реализации IE7 и IE8. В этом же выпуске есть аналогичный thread.

Надеюсь, это поможет.

Cheers !!

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