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 :: height 100% и <!DOCTYPE> [2]

 PHP.SU

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


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

> Описание: вопрос
Поиск в теме | Версия для печати
Axiles
Отправлено: 01 Декабря, 2011 - 03:57:22
Post Id


Гость


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


Помог: 0 раз(а)
вот так должно быть, граница с помощью div или table не принципиально
Прикреплено изображение (Нажмите для увеличения)
222.JPG
 
 Top
Axiles
Отправлено: 02 Декабря, 2011 - 06:13:53
Post Id


Гость


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


Помог: 0 раз(а)
вот ещё такой пример
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <style type="text/css">
  6. * {
  7.    padding: 0;
  8.    margin: 0;
  9.    height: 100%;
  10.    bottom: 0;
  11.   }
  12.  
  13. html, body {
  14.             height: 100%;
  15.             padding: 0;
  16.             margin: 0;
  17.             bottom: 0;
  18.            }
  19. #sloi1 {
  20.         border-bottom: 10px outset red;
  21.         border-right: 10px outset red;
  22.         border-top: 10px outset red;
  23.         border-left: 10px outset red;
  24.         height: 100%;
  25.         width: 100%;
  26.         padding: 0;
  27.         margin: 0;
  28.        }
  29. </style>
  30. </head>
  31. <body>
  32. <TABLE id="sloi1" >
  33.     <TR >
  34.       <TD >
  35.        главная
  36.       </TD>
  37.     </TR>
  38. </body>
  39.  

таблица рисуется как надо, граница по периметру всего окна без отступов и полос прокрутки. но мне хочется сделаьб отступ от границы окна примерно в пару рх, я выставляю отступы в css
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. html, body {
  3.             height: 100%;
  4.             padding: 0;
  5.             margin: 2;
  6.             bottom: 0;
  7.            }
  8.  

и у меня нижняя граница уходит за пределы окна и появляется полоса прокрутки, в то время как остальные границы отображаются как надо

а если поставить вместо таблицы див то с нулевыми отступами сразу же результат такой же как у таблицы с установленными отступами
 
 Top
Arch-Web
Отправлено: 02 Декабря, 2011 - 16:35:39
Post Id



Частый гость


Покинул форум
Сообщений всего: 177
Дата рег-ции: Июль 2010  
Откуда: Ukraine::Kiev


Помог: 1 раз(а)
Axiles, мб завтра напишу пример, сейчас занет =(
 
 Top
Arch-Web
Отправлено: 03 Декабря, 2011 - 01:40:03
Post Id



Частый гость


Покинул форум
Сообщений всего: 177
Дата рег-ции: Июль 2010  
Откуда: Ukraine::Kiev


Помог: 1 раз(а)
CODE (html):
скопировать код в буфер обмена
  1. <!DOCTYPE html>
  2. <html dir="ltr" lang="en-US">
  3. <head>
  4.         <title>Arch-Web</title>
  5.         <meta charset="utf-8" />
  6.         <style type="text/css">
  7. * {margin: 0; padding: 0;}
  8. html { border: 0; width: 100%; height: 100%; }
  9. body { width: 100%; height: 100%; background-color: #eae4e4; font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans"; font-size: 13px; color: #000;}
  10. #wrapper-page {width: 100%; height: 100%;}
  11. #wrapper-page .header {width: 99%; height: 14%; border: 1px solid red; margin-left: auto; margin-right: auto;}
  12. #wrapper-page .section1 {width: 99%; height: 84%; border: 1px solid red; margin-left: auto; margin-right: auto;}
  13.         </style>
  14. </head>
  15. <body>
  16.         <div id="wrapper-page">
  17.                 <div class="header">
  18.  
  19.                 </div>
  20.                 <div class="section1">
  21.  
  22.                 </div>
  23.         </div>
  24. </body>
  25. </html>




вот чот такое )
(Добавление)
кст ребят, помню где-то видел свойстуо css внутреннего бордюра, не поскажете какое это css свойство ?
 
 Top
Axiles
Отправлено: 09 Декабря, 2011 - 04:55:49
Post Id


Гость


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


Помог: 0 раз(а)
короче ответ на свои вопросы нашол тут http://softwaremaniacs[dot]org/blog/category/primer/
там всё по полочкам расписанно откудова чего и почему
 
 Top
Поиск в теме | Версия для печати
Страниц (2): « 1 [2]
Сейчас эту тему просматривают: 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