CSS не рендеринг из-за мультиклассов - PullRequest
Новая
       45

CSS не рендеринг из-за мультиклассов

2 голосов
/ 15 марта 2012

У меня проблема с моим CSS. Все отлично работает в современных браузерах, таких как FF, Chrome, IE9 и IE8. Теперь проблема происходит в IE6 (конечно) и IE7.

Я бы сказал, что 80% моего css игнорируется в этих двух браузерах. Для информации я использую тип документа HTML5.

Например: 

<div id="bgVideoContainer">
    <div class="borderTop"></div>
    <div id="content">
        <div class="boxes fleft">

и css: 

.borderTop {
       position: relative;
       top: 0;
       border-top: 1px solid black;
 }

.boxes {
        margin: 0 0 15px;
        padding: 0 25px;
        width: 924px;
 }

.fleft { float:left; }

И много этой структуры: 

<div id="videoCanvas">
    <div class="column-left">
        <object id="videoContainer"

#videoCanvas .column-left #videoContainer {
        width:600px;
        height:473px;
        background-color:#000;
        color:#fff;
 }

И ничего из этого не отображается на IE7 и 6 .... Я в замешательстве, что мне делать, чтобы это исправить ??

Ответы [ 3 ]

0 голосов
/ 15 марта 2012

Вы можете сделать что-то вроде этого

Вы можете создать отдельные таблицы стилей для IE6 and 7. И используйте необходимые классы. css для этих таблиц стилей.

Использовать инструмент разработчика в браузере IE (Ctrl + F12) и соответственно редактировать классы

например. 

<!--[if IE 7]>
    <link href="IE-7.css" rel="stylesheet" type="text/css">
<![endif]-->
0 голосов
/ 16 марта 2012

Вы пытались изменить DOCTYPE, чтобы убедиться, что проблема не в этом?

Кроме того, есть ли вероятность ссылки на работу?

Есть ли в вашем CSS место, после которого IE не работает?Может быть где-то сломанный стиль, если это не DOCTYPE.

0 голосов
/ 15 марта 2012

IE6 - IE8 не распознает элементы html5. Для получения дополнительной информации нажмите здесь !

...