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]   

> Без описания
Поиск в теме | Версия для печати
Phantik
Отправлено: 01 Декабря, 2009 - 18:01:30
Post Id


Посетитель


Покинул форум
Сообщений всего: 305
Дата рег-ции: Июнь 2009  


Помог: 0 раз(а)
Есть шаблон
CODE (text):
скопировать код в буфер обмена
  1.  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4. <head>
  5.  <link href="css/main.css" rel="stylesheet" type="text/css"/>
  6. </head>
  7. <div id="header">
  8. Див Header
  9. </div>
  10. <div id="topmenu">
  11. Див TopMenu
  12. </div>
  13. <div id="leftmenu">
  14. Див LeftMenu
  15. </div>
  16. <div id="content">
  17. Див Content Див Content Див Content Див Content Див Content Див Content Див Content Див Content
  18. </div>
  19. <body>
  20. </body>
  21. </html>
  22.  


Есть таблица стилей:
CODE (text):
скопировать код в буфер обмена
  1.  
  2. div
  3. {
  4.   border-color: red;
  5.   border-style: double;
  6. }
  7. #header
  8. {
  9.  position : releative;
  10.  width  : 100%;
  11.  height : 80px;
  12. }
  13. #topmenu
  14. {
  15.  position : releative;
  16.  width  : 100%;
  17.  height : 30px;
  18. }
  19. #leftmenu
  20. {
  21.  position : releative;
  22.  width  : 130px;
  23.  height : 500px;
  24.  float : left;
  25. }
  26. #content
  27. {
  28.  position : releative;
  29.  float : left;
  30. }
  31.  


Как мне надо правильно прописать стили, что бы Div content всегда располагался правее Div Leftmenu и ниже Div Topmenu? При этом если меняется размер окна браузера, Div content не уменьшался бы в ширину менее чем, на 500 пикселей, например.

Сейчас у меня Div content при уменьшении ширины окна прыгает под div LeftMenu
вот пример http://www[dot]test[dot]web-prog[dot]com/main.php
Заранее спасибо.

(Отредактировано автором: 01 Декабря, 2009 - 18:02:57)

 
 Top
movEAX
Отправлено: 02 Декабря, 2009 - 14:29:22
Post Id



Частый посетитель


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


Помог: 16 раз(а)
#content{
margin-left: 130px;
min-width: 500px;
position: absolute;
}

В других браузерах не знаю, но в firefox работает так как надо.

(Отредактировано автором: 02 Декабря, 2009 - 14:30:31)



-----
армия.. самое убогое место
 
 Top
Phantik
Отправлено: 02 Декабря, 2009 - 15:36:11
Post Id


Посетитель


Покинул форум
Сообщений всего: 305
Дата рег-ции: Июнь 2009  


Помог: 0 раз(а)
Мне тут на другом форуме предложили

#content{
position : releative;
min-width: 500px;
margin-left: 140px;
}

Работает как надо, только там relative
Попробую еще с абсолютом, интересно чем будет отличаться.
 
 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