Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать такой макет? / 4 сообщений из 4, страница 1 из 1
22.03.2014, 22:21
    #38593758
afftarr
afftarr
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать такой макет?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.03.2014, 00:26
    #38593785
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать такой макет?
я бы попробовал сделать таблицу из трех строк, во второй из которых две ячейки
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.03.2014, 10:51
    #38593844
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать такой макет?
afftarr , если левый серый блок действительно будет 100% по высоте - твоя страничка не поместится на экране на (48*2)px.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.03.2014, 13:13
    #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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать такой макет? / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 336ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447293]:
 0ms
get settings:
 9ms
get forum list:
 10ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 50ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 23ms
get tp. blocked users:
 1ms
others: 229ms
total:  336ms
x
x
Закрыть


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