PDA

Просмотр полной версии : DIV-Layout - три горизонтальные области: [150px] [три колонки] [150px]


automatix
28.12.2006, 19:53
И снова всем привет!

/*
Кому интересно:
первоначальная тема здесь (http://flasher.ru/forum/showthread.php?t=87845&page=3),
решение здесь (http://flasher.ru/forum/showthread.php?t=87845&page=3).
*/

Итак, немного усложним. Нужно, чтобы средняя область делилась на три колонки. Мое решение в аттаче. НО: "друзья мои, я опечален"... Эта штука чуть-чуть "CSS-инвалидна"... Валидатор ругается на свойство overflow-y. При валидации под > 2.1 он снова доволен и показывает зеленый свет. Так что сойдет.

Ищу, к чему бы придраться... Нашел: колонки не растут параллельно. Не знает ли кто-нибудь, как убедить их в том, что "все на ферме равны"?

Спасибо.

AlexSol
28.12.2006, 21:44
overflow-y понимает тока iE. поставь
overflow /* для всех */
//overflow-y /*для ie */

automatix
28.12.2006, 23:35
overflow-y понимает тока iE.Точно?.. :)

KidsKilla
29.12.2006, 16:21
http://www.positioniseverything.net/threecolbglong.html
http://www.positioniseverything.net/articles/onetruelayout/equalheight

automatix
30.12.2006, 01:44
ОК, спасибо.

Насколько я понимаю, проблему эту на сегодняшний день можно решить только "через левое ухо": "Инвалидный" CSS, космические значение margin и padding и т.д. Жаль, если это в самом деле так.

KidsKilla
30.12.2006, 03:41
угу. именно так