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]   

> Без описания
imediasun
Отправлено: 16 Ноября, 2012 - 23:52:59
Post Id


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


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


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

[+][+][+][+][+]


Посмотрите пожалуйста ссылку farfalla.com.ua/admin/add_cat.ph p
Обратите внимания по центру сайта есть 3 блока. структура их такова.
CODE (text):
скопировать код в буфер обмена
  1.  
  2. <div id="wrapper">
  3. <div шв="header">
  4. <!--header-->
  5. <div id="middle">
  6. <div id="container">
  7. <!-- #container-->
  8. <div class="sidebar" id="sideRight">
  9. <div id="side_right_cont">     
  10. <!--siderightcont-->
  11. <!-- .sidebar#sideLeft -->
  12. <div class="sidebar" id="sideLeft">
  13. <div class="side_left_cont">
  14. <!--sideleftcont-->
  15. <!-- .sidebar#sideLeft -->
  16. <div id="content" >
  17. <!--content-->
  18. <!-- #middle-->
  19. <!-- #wrapper -->
  20. <footer>
  21.  
  22.  





CODE (text):
скопировать код в буфер обмена
  1.  
  2. #wrapper {
  3. width: 1000px;
  4. margin:0 auto;
  5. min-height: 100%;
  6. height: auto !important;
  7. height: 100%;
  8. bottom:-150px;
  9. }
  10.  
  11.  
  12. /* Header
  13. -----------------------------------------------------------------------------*/
  14. #header {
  15. height: 150px;
  16. background: #e5688a;
  17. opacity:0.7;
  18. position:absolute;
  19. top:0;
  20. left:0;
  21. width:100%;
  22. }
  23.  
  24.  
  25. #container {
  26. bottom:-199px;
  27. margin:0 auto;
  28. width: 100%;
  29. height:100%;
  30. padding-bottom:50px;
  31. max-height:100%;
  32. box-sizing: border-box;
  33. position:absolute;
  34. background: url(../img/background_wrapper.jpg) repeat-y;
  35. }
  36.  
  37.  
  38. #content {
  39. height:100%;
  40. width:430px;
  41. bottom:-160px;
  42. position:fixed;
  43. margin-left: 355px;
  44.  
  45.  
  46. }
  47.  
  48.  
  49. /* Sidebar Right
  50. -----------------------------------------------------------------------------*/
  51. #sideRight {
  52. float:right;
  53. height: 100%;
  54. width: 190px;
  55. bottom:-160px;
  56. position:fixed;
  57. margin-left: 800px;
  58. background-color: rgba(214, 177, 210, 0.4);
  59. overflow-y:hidden;
  60. }
  61. #side_right_cont{
  62. height:350px;
  63. z-index:2;
  64. overflow-y:auto;
  65. overflow-x:hidden;     
  66. position:fixed;
  67. }
  68.  
  69. /* Sidebar Left
  70. -----------------------------------------------------------------------------*/
  71. #sideLeft {
  72.         float: left;
  73.                 bottom:-160px;
  74.         width: 340px;
  75.         height:100%;
  76.         position: fixed;
  77.         vertical-align: middle;
  78. background-color: rgba(214, 177, 210, 0.2);
  79. z-index:1;
  80. }
  81. .side_left_cont{
  82. position:relative;
  83. height:100%;
  84.  
  85. z-index:2;
  86. }
  87.  
  88. /* Footer
  89. -----------------------------------------------------------------------------*/
  90. #footer {
  91. width: 100%;
  92. margin:0 auto;
  93. height: 50px;
  94. bottom:0;
  95. z-index:99999999;
  96. background: #79874c;
  97. position: fixed;
  98. }
  99.  
Как сделать правильно и грамотно так чтобы єти 3 блока обрамленные синей рамкой заканчивались перед самим футером,
сейчас они скрываются за ним. Чтобы у них был размер до конца экрана но минус футер.Спасибо большое за ответы
 
 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