ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Посоветуйте макет сетки
6 сообщений из 6, страница 1 из 1
Посоветуйте макет сетки
    #38890015
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
+-------------------+
| header            |
+----+--------------+
| s  | top menu     |
| i  +--------------+
| d  | content      |
| e  |              |
| b  |              |
| a  |              |
| r  |              |
+----+--------------+
| footer            |
+-------------------+

Подскажите, как сделать такую сетку?

header и footer имеют фиксированную высоту, занимают 100% ширины окна.
Средняя часть страницы (box) должна растягиваться в высоту по контенту.
sidebar имеет фиксированную ширину, желательно чтобы в высоту этот блок подгонялся к box.
Основная часть (wrapper) занимает оставшуюся после sidebar ширину окна. Высота подгоняется по контенту.
topmenu имеет фиксированную высоту, ширина занимает 100% доступной ширины родителя (wrapper).
content занимает все остальное место.

Поддержка старых браузеров (Опера, IE<8) не требуется, однако к CSS3 я тоже не готов.

________________________
Мы смотрим с оптимизмом...
...в оптический прицел.
...
Рейтинг: 0 / 0
26.02.2015, 20:34
| Ответить | Цитировать | Написать  
Посоветуйте макет сетки
    #38890079
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
box не видно, wrapper не видно, зато видно top menu и content

Alibek B.однако к CSS3 я тоже не готовк нему не готовятся, его ждут (ждали) с нетерпением. с ним жить значительно проще.
...
Рейтинг: 0 / 0
26.02.2015, 23:35
| Ответить | Цитировать | Написать  
Посоветуйте макет сетки
    #38890186
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alibek B.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
+-------------------+
| header            |
+----+--------------+
| s  | top menu     |
| i  +--------------+
| d  | content      |
| e  |              |
| b  |              |
| a  |              |
| r  |              |
+----+--------------+
| footer            |
+-------------------+

Подскажите, как сделать такую сетку?
Пользуйся http://csstemplater.com/

Ну и плюсом будет
http://xiper.net/collect/html-and-css-tricks/karkas-verstki/kolonki-ravnoy-visoty
...
Рейтинг: 0 / 0
27.02.2015, 08:13
| Ответить | Цитировать | Написать  
Посоветуйте макет сетки
    #38890193
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
Alibek B.,

нескольких коллег подсадила на бутстрап, одного пришлось насильно :) -
никто не хочет возвращаться :)
...
Рейтинг: 0 / 0
27.02.2015, 08:29
| Ответить | Цитировать | Написать  
Посоветуйте макет сетки
    #38890200
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Antonariybox не видно, wrapper не видно, зато видно top menu и content.
wrapper охватывает topmenu и content. box охватывает sidebar и wrapper.

krvsaПользуйся http://csstemplater.com/
Ну и плюсом будет
http://xiper.net/collect/html-and-css-tricks/karkas-verstki/kolonki-ravnoy-visoty
Благодарю, поизучаю.


-k2-Alibek B.,
нескольких коллег подсадила на бутстрап, одного пришлось насильно :) -
никто не хочет возвращаться :)
Я как-то пытался с ним разобраться, чем-то он меня не устроил.
Попробую поизучать еще раз.
...
Рейтинг: 0 / 0
27.02.2015, 08:52
| Ответить | Цитировать | Написать  
Посоветуйте макет сетки
    #38890530
mini.weblab
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mini.weblab
Участник
Alibek B.,

я тоже сейчас с этим разбираюсь, если не жалко, закинь макет на miniweblab@gmail.com.
:)
...
Рейтинг: 0 / 0
27.02.2015, 13:16
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Посоветуйте макет сетки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38890186&tid=1446228]:
 0ms
get settings:
 6ms
get forum list:
 9ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 144ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 195ms
total:  408ms
созд. / загр.: 408ms
x
x
Закрыть


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