Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Помогите сверстать макет

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
nkl
Отправлено: 30 Июля, 2013 - 19:39:06
Post Id



Посетитель


Покинул форум
Сообщений всего: 305
Дата рег-ции: Янв. 2012  


Помог: 1 раз(а)




Здравствуйте, господа. Не могу решить одну нетривиальную задачку. Мне нужен макет, который бы состоял только из верхнего меню тобишь хедера и workspace тобишь место под хедером, куда будет вывдится инфа в зависимости от выбранного пункта в хедере. Казалос бы, все просто, но нет. Мне нужно сделать так, что бы хедер был шириной 100% и прилеплен к верхнему краю экрана, а workspace мог бы быть любой ширины и высоты (в зависимости от контента в нем) и скроллится по горизонтали и вертикали, если конечно информация не помещается. При этом верхнее меню должно всегда быть шириной 100% (можно конечно установить min-width в 960px) и не скроллится, а всегда оставаться "прилепленной" к верхнему краю браузера. Что бы оно было как бы над workspace.
 
 Top
Саныч
Отправлено: 30 Июля, 2013 - 19:42:11
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)




nkl пишет:
а workspace мог бы быть любой ширины и высоты (в зависимости от контента в нем) и скроллится по горизонтали и вертикали
А это как Не понял

CODE (css):
скопировать код в буфер обмена
  1. header {
  2.     position: fixed;
  3.     top: 0;
  4.     width: 100%;
  5. }
?

(Отредактировано автором: 30 Июля, 2013 - 19:43:08)



-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
imya
Отправлено: 31 Июля, 2013 - 08:42:20
Post Id



Участник


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Сент. 2012  
Откуда: Запорожье, Украина


Помог: 19 раз(а)




Лучше бы показали картинкой, может было бы понятнее.


-----
PHP:
скопировать код в буфер обмена
  1. do {box != cat;} while (cat != box);


Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...
 
My status
 Top
armancho7777777 Супермодератор
Отправлено: 31 Июля, 2013 - 09:21:28
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)




HTML
Спойлер (Отобразить)

CSS
Спойлер (Отобразить)

Живой пример

Высота тулбара зависит от высоты его ссылок первого уровня:
.toolbar-option > A { height:50px; line-height:50px; }

При смене его высоты надо будет подкорректировать верхний внутренний отступ контейнера,
равный высоте тулбара + нижней границы тулбара:
#container { padding-top:51px; }
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB