| |
|
|
| | Подскажите пожалуйста как сделать вот такую 3х колонку.
1) делаю главный див ширина 1000 пкселей, высота min-height 400 пикселей, это я понимаю.
2) внутри него надо расположить 3 колонки. делаю так же 3 дива: у первого делаю float: left у второго делаю margin: 0px auto а у третьего делаю float: right и вроде все ок.
3) надо сделать так что бы и 1ый и 2ой дивы были по высоте такой же как и первый, то есть наверное растянуть на 100% высоты от всего главного блока ... а вот как это сделать ? | |
| |
|
|
| |
|
|
| |
для: mabelrod
(08.04.2012 в 23:50)
| | | делайется это хаком.
если дивы слева и справа должны быть фиксированной ширины, то надо создать картинки с цветом фона нужной ширины и положить их в фон дивов, и растягивать по высоте:
.bg_l {background: url(img-1.gif) 0 0 repeat-y}
.bg_r {background: url(img-2.gif) 100% 0 repeat-y}
<div class="bg_l">
<div class="bg_r ">
<div class="left">left</div>
<div class="center">center</div>
<div class="right">right</div>
</div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(09.04.2012 в 00:04)
| | | может не так сказал , надо что бы левая и правая колонка были по высоте как центральная .... или вы меня так же поняли ? если да - то я не понимаю ваш код )) | |
| |
|
|
| |
|
|
| |
для: mabelrod
(09.04.2012 в 00:11)
| | | я вас отлично понял. забыл добавить, что нельзя сделать так, что бы дивы были одинаковой высоты (ну можно конечно в 2х случаях: если задать им фиксированную высоту (в пикселах например, или em-ах), или display: table-cell, но тут лучше таблицу использовать). потому можно создать иллюзию одинаковой высоты, через задание фона картинками, которые визуально будут тянуться за средней колонкой. | |
| |
|
|
| |
|
|
| |
для: Lelik
(09.04.2012 в 00:16)
| | | спасибо за ответ, понял что мудрить не стоит, берем таблицу и работаем с ней - так безопаснее | |
| |
|
|
| |
|
|
| |
для: mabelrod
(09.04.2012 в 00:21)
| | | можно и так, а можно поискать по форуму, тут когда-то эта тема обсуждалась, к сожалению не помню как называлась, но то, что была - 100% | |
| |
|
|
| |
|
|
| |
для: Lelik
(09.04.2012 в 00:22)
| | | нашел стаью http://softtime.ru/forum/read.php?id_forum=4&id_theme=85542
а что если то же сделать в боди и штмл height 100% и потом в моих колонках сделать высоту то же в % прокатит или нет ? | |
| |
|
|
| |
|
|
| |
для: mabelrod
(09.04.2012 в 00:28)
| | | это не ваш случай :)
ваш это:
http://www.alistapart.com/articles/fauxcolumns
или разобрать вёрстку этого сайта, а именно стили для блока #wrapper и понять как надо сделать | |
| |
|
|
