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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2286 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3912 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3637 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1929 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 28.3.2024, 20:00
Дизайн