ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать такой макет?
4 сообщений из 4, страница 1 из 1
Как сверстать такой макет?
    #38593758
afftarr
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
afftarr
Гость
...
Рейтинг: 0 / 0
22.03.2014, 22:21
| Ответить | Цитировать | Написать  
Как сверстать такой макет?
    #38593785
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
я бы попробовал сделать таблицу из трех строк, во второй из которых две ячейки
...
Рейтинг: 0 / 0
23.03.2014, 00:26
| Ответить | Цитировать | Написать  
Как сверстать такой макет?
    #38593844
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
afftarr , если левый серый блок действительно будет 100% по высоте - твоя страничка не поместится на экране на (48*2)px.
...
Рейтинг: 0 / 0
23.03.2014, 10:51
| Ответить | Цитировать | Написать  
Как сверстать такой макет?
    #38593895
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
afftarr,

если левый блок по высоте всегда будет меньше чем правый, или же высота центральной части будет иметь свой минимум (min-height) за который левая часть выходить не будет, то делается просто:
Код: html
1.
2.
3.
4.
5.
6.
<div>верхний блок, тут высоту какую хотите делайте</div>
<div style="position: relative; min-height: 400px;">
  <div style="position: absolute; left:0; top:0; bottom:0; width: 230px;">думаю это меню</div>
  <div style="margin-left: 230px; min-height: 400px;">тут основной контент</div>
</div>
<div>это нижний блок</div>



Вроде так (результат не проверял)
...
Рейтинг: 0 / 0
23.03.2014, 13:13
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать такой макет?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38593785&tid=1447293]:
 0ms
get settings:
 8ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 413ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 248ms
total:  733ms
созд. / загр.: 733ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]