Опять или снова, проблема с IE6.

[Beck]

Размножение контейнеров это по части ie6

Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу?

Слева скрин из ie6:

А справа скрин из остальных браузеров.

Я знаю, что тут обитают опытные верстальщики. Пожалуйста, поделитесь мудростью борьбы с этим чудо ie6.

Больше всего меня убило то, что левый div в первом контейнере расположен нормально, а в остальных нет. Контейнеры посторяются в цикле, черезе PHP.

Это контейнеры окантовки:

#top {width:89%;height:10px;position:absolute;top:-11px;left:11px;background:url(i/b/t.png);repeat-x 0% 0%;}

#bottom {width:89%;height:10px;position:absolute;bottom:-11px;left:11px;background:url(i/b/b.png);repeat-x 0% 0%;}

#left {width:10px;height:88%;position:absolute;top:11px;left:-11px;background:url(i/b/l.png) repeat-y 0% 0%;}

#right {width:10px;height:88%;position:absolute;top:11px;right:-11px;background:url(i/b/r.png) repeat-y 0% 0%;}

#topleft {width:22px;height:22px;position:absolute;top:-11px;left:-11px;background:url(i/b/tl.png) no-repeat 0% 0%;}

#topright {width:22px;height:22px;position:absolute;top:-11px;right:-11px;background:url(i/b/tr.png) no-repeat 0% 0%;}

#bottomright {width:22px;height:22px;position:absolute;bottom:-11px;left:-11px;background:url(i/b/bl.png) no-repeat 0% 0%;}

#bottomleft {width:22px;height:22px;position:absolute;bottom:-11px;right:-11px;background:url(i/b/br.png) no-repeat 0% 0%;}

Edited September 21, 2009 by Beck

[s0rr0w]

Размножение контейнеров это по части ie6

Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу?

Старая добрая бага IE.

Лечится zoom'ом.

[Beck]

В общем почитал про этот зум, у Бэна Найдела в блоге нашел заметку и он там советует использовать div {zoom: 1;} зум на все контейнеры. Говорит, что в 90% случаев это помогает, но только не в моем случае.

В общем плюнул, заварил кофе, сел и после второго глотка хорошего кофе пришла в голову идея.

В общем обрезал, спрятал все лишнее. Используйте overflow: hidden в таких случаях. Может кому пригодится.

Чуть не забыл, а по бокам убрал процентную высоту, почему-то, только фиксированную понимает.

Edited September 21, 2009 by Beck