Помощник
|
Как расположить 2 блока чтобы они занимали всю страницу |
kostia_lev
|
Сообщение
#1
|
||
|
|
||
|
|||
MacDreamer |
25.4.2012, 19:39;
Ответить: MacDreamer
Сообщение
#2
|
|
[CSS]#div1{width:200px;
float:left;} [/CSS] 2й блок займет доступную ему ширину, могут возникнуть проблемы если блоки будут разной длины |
|
|
Bugnet |
25.4.2012, 19:54;
Ответить: Bugnet
Сообщение
#3
|
|
это реально сделать div-ами без таблиц? Дивы самодостаточны, с ними можно творить, что угодно без таблиц. Для Вашего случая : [CSS]#div1{ width:200px; height: 200px; float:left; border: solid 2px #0000ff; } #div2{ width:auto; height: 200px; margin-left: 210px; border: solid 2px #0000ff; } [/CSS] |
|
|
Winns |
25.4.2012, 20:02;
Ответить: Winns
Сообщение
#4
|
|
Например так http://jsfiddle.net/9xNMR/
|
|
|
kostia_lev
|
Сообщение
#5
|
|
Спасибо большое.
Еще похожий вопрос, а по высоте вот это сложнее сделать я так понимаю. Т.е. чтобы допустим нижний блок был с фиксированной высотой а верхний растягивался на всю доступную высоту браузера? И чтобы вместе они занимали 100% высоты. |
|
|
MacDreamer |
26.4.2012, 20:05;
Ответить: MacDreamer
Сообщение
#6
|
|
Футер что ли делаешь?
|
|
|
Bugnet |
26.4.2012, 20:10;
Ответить: Bugnet
Сообщение
#7
|
|
|
|
|
Bugnet |
26.4.2012, 20:33;
Ответить: Bugnet
Сообщение
#8
|
|
|
Нижнему диву высота задана - 200px, а верхнему задана высота как разница между высотой окна и нижним дивом, ещё минус 30px - это зазор, чтобы отступить от краёв и между дивами зазор компенсировать. исходники
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Зачем перед лендингом ставят промежуточную страницу? | 0 | Boymaster | 240 | Вчера, 23:58 автор: Boymaster |
|
Арбитражники, как ведете учет расходов и доходов? | 12 | Boymaster | 1923 | Вчера, 21:03 автор: MisterBit |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4817 | 17.4.2024, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19713 | 8.4.2024, 10:37 автор: Skyworker |
|
Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта | 0 | Alex-777 | 866 | 7.4.2024, 18:05 автор: Alex-777 |
Текстовая версия | Сейчас: 20.4.2024, 6:59 |