|
|
|
| Всем привет!
Начал осваивать вёрстку дивами, и вот возник казус, есть код:
...
<body style="width:100%; margin:0px; padding:0px;">
<div style="height:200px; background-color:#777777;"></div>
<div style="height:400px; background-color:#66CCCC; overflow:visible;">
<div style="height:100%; background-color:#FFCC66; float:left; width:20%;"></div>
<div style="height:100%; background-color:#CCCC33; float:left; width:60%;">Много-много текста...</div>
<div style="height:100%; background-color:magenta; float:left; width:20%;"></div>
</div>
<div style="height:100px; background-color:#FFFFFF;"></div>
</body>
...
|
И тут выходит, что текст в центральном диве вылазит на другие, если высота у родителя фиксированная, а если высота 100% у родителя, то вообще каша какая-то...
В общем мне надо чтобы было 3 колонки и чтобы все 3 тянулись при изменении размера центральной, ну или любой из них...
Что надо здесь изменить? | |
|
|
|
|
|
|
|
для: Trivium
(01.03.2010 в 04:36)
| | overflow:visible -? | |
|
|
|
|
|
|
|
для: GeorgeIV
(01.03.2010 в 10:11)
| | Не не работает, ставлю и для родителя и для центрального дива, всё равно...
Есть ещё какие-то варианты может быть? | |
|
|
|
|
|
|
|
для: Trivium
(01.03.2010 в 17:45)
| | ставить надо overflow:hidden | |
|
|
|
|
|
|
|
для: Trivium
(01.03.2010 в 04:36)
| | сделай табличную верстку, так хоть проблем с разными арбузерами не будет | |
|
|
|
|
|
|
|
для: Ури Геллер
(01.03.2010 в 18:40)
| | Я знаю, что таблицы намного лучше, но все везде требуют дивы, поэтому надо и их тоже знать, я пытаюсь создать правильно каскад. Так как-то можно преодолеть это? | |
|
|
|
|
|
|
|
для: Trivium
(01.03.2010 в 21:06)
| | >но все везде требуют дивы
прЫдурки | |
|
|
|
|
|
|
|
для: Trivium
(01.03.2010 в 21:06)
| | Меня всех больше умиляет, что потом на div-ах наинают строить CSS-FrameWork-и с табличной структурой - вот уж что называется за что боролись... | |
|
|
|
|
|
|
|
для: Trivium
(01.03.2010 в 04:36)
| | И тишина... | |
|
|
|
|
|
|
|
для: Trivium
(02.03.2010 в 21:52)
| | Мне помогла эта статья
http://webarticles.neomoon.ru/content/view/27/41/ | |
|
|
|