Что это глюк IE или я туплю

56

ahan

25 июля 2007, 05:58

714

Имеем такой вот код


<html>

  <head>

    <STYLE>

          .column {

            FLOAT: left; 

            POSITION: relative;

          }

    </STYLE>

  </head>

  <BODY>

        <DIV class="column">

          <div>

            <div style="background-color:#C0FFFF;">Some text</div>

          </div>

        </DIV>

  </BODY>

</html>

Почему-то IE не хочет отрисовывать C0FFFF-фон, хотя другие браузеры это делают.

Более того если убрать из стилей FLOAT или POSITION или даже 2-й DIV то фон отрисовывается.

87

Nakhabino

25 июля 2007, 06:34

#1

В 7 ИЕ все прекрасно.

Это Ваш полный код? Этот вполне валидный, не понятно только зачем лишних div-ов городить, когда можно стиль в одном прописать.

Если это часть кода, киньте полный в личку, постараюсь помочь

blogger Гугла Запуск wp-плагина по Cron Как они сделали Cumulative

54

1410

25 июля 2007, 06:47

#2

ahan:
Имеем такой вот код


<html>

  <head>

    <STYLE>

          .column {

            FLOAT: left; 

            POSITION: relative;

          }

    </STYLE>

  </head>

  <BODY>

        <DIV class="column">

          <div>

            <div style="background-color:#C0FFFF;">Some text</div>

          </div>

        </DIV>

  </BODY>

</html>

Почему-то IE не хочет отрисовывать C0FFFF-фон, хотя другие браузеры это делают.
Более того если убрать из стилей FLOAT или POSITION или даже 2-й DIV то фон отрисовывается.

а зачем в диве вложенный див еще один? пропишите в стиле column'а фон, а второй див выкиньте нах :)

Не тупить на серче. Купить ссылок. Перезвонить Садовскому. Покупаю постоянно ссылки по теме недвижимости за рубежом, gps навигация и слежение.

62

Николай В.

25 июля 2007, 07:35

#3

Распространенный баг рендеринга IE6, лечится примерно так:

.column div div { position: relative; }

A

56

ahan

25 июля 2007, 18:23

#4

1410:
а зачем в диве вложенный див еще один? пропишите в стиле column'а фон, а второй див выкиньте нах :)

На самом деле код гораздо навороченнее, просто чтобы не грузить неужными подробностями я выкинул все, что не оказывает влияния на результат и оставил только необходимый минимум, который демонстрирует этот баг.

Второй DIV нужен в оригинале, а тут он конечно же ни к чему, но без него баг не проявляется и в IE 6.

Эксперимент: Чем лучше выделять Входящие ссылки ведущий фактор Как December 2022 Google

A

56

ahan

25 июля 2007, 18:25

#5

Николай В.:
Распространенный баг рендеринга IE6, лечится примерно так:

.column div div { position: relative; }

К сожалению добавление этой конструкции не оказывает никакого положительного влияния. А где про описание этот распространенный баг почитать можно ?

228

nickspring

25 июля 2007, 19:03

#6

Допишите в зависимости от контекста

.column div {display:block; width:100px} /* указываем нужную ширину */

или

.column div {display:inline}

P.S. Сомнительно, что без position:relative никак не обойтись.

S

56

solnikolay

25 июля 2007, 20:00

#7

Имхо, лечится


.column div {

	float: left;

}

или


.column div {

	POSITION: relative;

}

199

Arsh

25 июля 2007, 20:00

#8

Николай В., все правильно изложил. Фон рисуется:

Вышел новый Яндекс Браузер с YandexGPT и YandexART

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ