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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Зачем перед лендингом ставят промежуточную страницу?
1 Boymaster 416 Вчера, 22:49
автор: malamut
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
19 uahomka 3272 Вчера, 18:05
автор: Liudmila
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
149 adw-kupon.ru 19751 Вчера, 17:41
автор: Liudmila
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
30 freeax 4949 Вчера, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
13 Boymaster 1991 Вчера, 15:06
автор: Boymaster


 



RSS Текстовая версия Сейчас: 21.4.2024, 6:47
Дизайн