| Регистрация Правила Главная форума Поиск |
| 0
- 11.03.2014 - 18:57
|
Блочная вёрстка: есть ли железный эквивалент таблице с тремя столбцами? То есть нужно сделать div-ами две боковые панели по бокам и центральную в середине. И у каждой есть цвет фона. Так вот, закавыка в том, чтоцвет фона заливает всё до конца содержимого! А как сделать, чтобы все три дива были одинаковой высоты - по самому высокому - без указания height? :-)     | |
| 1
- 11.03.2014 - 18:58
|
Сейчас так: в html: <div id="content"> <div id="colmn1"> ... </div> <div id="colmn2"> ... </div> <div id="center1"> ... </div> <div class="clearing"> </div> </div> | |
| 2
- 11.03.2014 - 19:01
|
в css: #colmn1 ** float: left; width: auto; height: 100%; ** #colmn2 ** float: right; width: auto; height: 100%; ** #center1 ** margin-left: 230px; margin-right: 150px; height: 100%; ** .clearing ** clear: both; height: 0; ** | |
| 3
- 11.03.2014 - 19:03
|
Имелось в виду: "Так вот, закавыка в том, что цвет фона заливает всё до конца содержимого этой панели, а не до начала подвала." | |
| 4
- 11.03.2014 - 20:24
|
Вот здесь интересный пример, но если залить фоновым цветом центральную колонку, он всё равно заполнит панель только до окончания текста, а не до самого футера http://matthewjamestaylor.com/blog/u...ail-pixels.htm | |
| 5
- 11.03.2014 - 23:27
| http://sitear.ru/material/rastyanut-...onki-po-vysote | |
| 6
- 12.03.2014 - 00:02
|
Спасибо! А вот ещё одно решение: http://www.positioniseverything.net/...ut/equalheight | |
| 7
- 18.03.2014 - 21:35
|
display:table; -> display:table-cell; <style> DIV#id00 ** border: 1px solid red; height:400px; width:800px; display:table; ** DIV#id11 ** border: 1px solid green; width:200px; display:table-cell; ** DIV#id22 ** border: 1px solid black; width:400px; display:table-cell; ** DIV#id33 ** border: 1px solid black; width:200px; display:table-cell; ** </style> <div id="id00"> <div id="id11"> id11 </div> <div id="id22"> id22 </div> <div id="id33"> id33 </div> </div> Только про IE6 не спрашивайте)))) | |
| 8
- 25.03.2014 - 08:42
| http://trifler.ru/blog/post_1368866625.html | |
Интернет-форум Краснодарского края и Краснодара |
