| |
|
|
| | Есть CSS:
#sams{position: relative; width:100%; height: 236px;}
#left{position: absolute; top: 0px; left: 0; width: 350px; height: 240px;border: 1px solid red;}
#center{margin: 0 300px 0 350px; height: 240px;border: 1px solid red;}
#right{position: absolute; top: 0px; right: 0; width: 300px; height: 240px;border: 1px solid red;}
|
Кусок HTML:
<div id="sams">
<div id="center"><h1>Колонка 2</h1></div>
<div id="left"><h1>Колонка 1</h1></div>
<div id="right"><h1>Колонка 3</h1></div>
</div>
|
Как можно ограничить Колонку 2 по минимальному размеру (чтобы) 3 не наезжала на 2 и 1 при уменьшении ширины? | |
| |
|
|
| |
|
|
| |
для: PVasili
(11.04.2006 в 13:15)
| | | вот хороший пример разбития документа на три колонки http://webmascon.com/topics/coding/43a.asp | |
| |
|
|
| |
|
|
| |
для: AlexSol
(11.04.2006 в 13:19)
| | | вот еще | |
| |
|
|
| |
|
|
| |
для: AlexSol
(11.04.2006 в 13:20)
| | | Где тут минимальный размер для центральной части ?
предыдущее читаю...
Есть еще и:http://xhtml.ru/instr/3col_creator/ :) | |
| |
|
|
| |
|
|
| |
для: PVasili
(11.04.2006 в 13:28)
| | | задайте в центральную колонку <div style="width:200px; heidht:1px"></div> и в него определи вашу минимальную ширину. пример хорош тем, что не происходит наползаний.
при использование фиксированного листа (не резинки) таких проблем нет
в css есть параметр min-width, max-width но броузерами они не поддерживаются | |
| |
|
|
| |
|
|
| |
для: AlexSol
(11.04.2006 в 13:55)
| | | Пример - не мой случай, возможно он кому-то и подойдет...
В CSS есть min-width, он не поддерживается только IE...
Мне нужно 3 колонки боковые фиксированные по ширине, центральная - резиновая но не менее чем заданный размер..
Вариантов решения проблемы в CSS - пока нет... :( | |
| |
|
|
| |
|
|
| |
для: AlexSol
(11.04.2006 в 13:55)
| | | Нормальными броузерами, поддерживается :) вариант решения:
http://forum.woweb.ru/topic21493s0.html?#entry165268 | |
| |
|
|
