X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как расположить 2 блока чтобы они занимали всю страницу
kostia_lev
kostia_lev
Topic Starter сообщение 25.4.2012, 19:23; Ответить: kostia_lev
Сообщение #1


привет, вот решил div-ами сделать так:
1-й блок имеет фиксированную ширину и занимает допустим 200px
2-й блок занимает всю остальную ширину окна браузера. Расположены блоки по горизонтали.

это реально сделать div-ами без таблиц?
Спасибо заранее
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MacDreamer
MacDreamer
сообщение 25.4.2012, 19:39; Ответить: MacDreamer
Сообщение #2


[CSS]#div1{width:200px;
float:left;}
[/CSS]

2й блок займет доступную ему ширину, могут возникнуть проблемы если блоки будут разной длины
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bugnet
Bugnet
сообщение 25.4.2012, 19:54; Ответить: Bugnet
Сообщение #3


(lionking @ 25.4.2012, 22:23) *
это реально сделать 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
Winns
сообщение 25.4.2012, 20:02; Ответить: Winns
Сообщение #4


Например так http://jsfiddle.net/9xNMR/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kostia_lev
kostia_lev
Topic Starter сообщение 26.4.2012, 18:05; Ответить: kostia_lev
Сообщение #5


Спасибо большое.
Еще похожий вопрос, а по высоте вот это сложнее сделать я так понимаю. Т.е. чтобы допустим нижний блок был с фиксированной высотой а верхний растягивался на всю доступную высоту браузера? И чтобы вместе они занимали 100% высоты.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MacDreamer
MacDreamer
сообщение 26.4.2012, 20:05; Ответить: MacDreamer
Сообщение #6


Футер что ли делаешь?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bugnet
Bugnet
сообщение 26.4.2012, 20:10; Ответить: Bugnet
Сообщение #7


(lionking @ 26.4.2012, 21:05) *
Спасибо большое.
Еще похожий вопрос, а по высоте вот это сложнее сделать я так понимаю. Т.е. чтобы допустим нижний блок был с фиксированной высотой а верхний растягивался на всю доступную высоту браузера? И чтобы вместе они занимали 100% высоты.

Это уже скриптом.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bugnet
Bugnet
сообщение 26.4.2012, 20:33; Ответить: Bugnet
Сообщение #8


Нижнему диву высота задана - 200px, а верхнему задана высота как разница между высотой окна и нижним дивом, ещё минус 30px - это зазор, чтобы отступить от краёв и между дивами зазор компенсировать. исходники

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Где и как обменять Приват24 на ЮМоней?
20 Wolfhound 616 Вчера, 18:48
автор: mspcontent
Открытая тема (нет новых ответов) Как заработать на аккаунтах?
14 Wolfhound 367 Вчера, 0:47
автор: MorKer
Открытая тема (нет новых ответов) В Госдуме предложили разблокировать Instagram**, так как соцсеть стала себя «хорошо вести»
19 VinogradOFF 2997 27.1.2023, 23:57
автор: Liudmila
Открытая тема (нет новых ответов) Как умудряются конвертить Popundrr и Clickunder трафик?
3 Boymaster 420 27.1.2023, 15:59
автор: anisa_1
Горячая тема (нет новых ответов) Атака клонов! Или как бороться с мультиаккаунтами.
157 Pelican_Program 61283 27.1.2023, 13:05
автор: Pelican_Program


 



RSS Текстовая версия Сейчас: 29.1.2023, 16:40
Дизайн