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 :: Непонятный отступ с margin-top?

 PHP.SU

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


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

> Без описания
Doox911
Отправлено: 06 Октября, 2013 - 19:40:17
Post Id



Частый гость


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


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




CODE (html):
скопировать код в буфер обмена
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6.   <link href="css/index.css" rel="stylesheet" type="text/css">
  7.   <meta name="keywords" content="">
  8.   <meta name="description" content="">
  9.   <title>Лесничество"Русский Лес"</title>
  10. </head>
  11. <body>
  12.    <div id="header">
  13.    <div id="vc">
  14.     </div>
  15.    </div>
  16.  
  17.    <div id="podl_content">
  18.     <div id="content">
  19.      <div class="ukaz">
  20.       <h2>Информация о филиале</h2>
  21.      </div>
  22.      <div id="footer">
  23.      </div>
  24.     </div>
  25.    </div>
  26.    </body>
  27. </html>
  28.  


CODE (text):
скопировать код в буфер обмена
  1.  
  2. body{
  3. margin: 0px;
  4. padding: 0px;
  5. background-image: url(fon2.png);              
  6. }          
  7. html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q,
  8. cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small,
  9. tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, input, label,
  10. textarea, button, fieldset, legend, select, option, optiongroup, ul, ol, dl, dt,
  11. dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe{
  12. padding: 0;
  13. margin: 0;
  14. }
  15. #header{
  16. z-index: 2;
  17. position: relative;
  18. height: 82px;
  19. width: 100%;
  20. background-image: url(2.png);
  21. background-repeat: repeat-x;
  22. }
  23. #vc{
  24. width: 1320px;
  25. margin: 0 auto;
  26. }
  27. .vm{
  28. display: inline-block;
  29. text-align: center;
  30. width: 220px;
  31. height: 85px;
  32. float: left;
  33. }
  34. .vm:hover{
  35. background-image: url(3.png);
  36. background-repeat: no-repeat;
  37. background-position: 0px 73px;
  38. }
  39. #vc a{
  40. padding:0;
  41. margin:0;
  42. padding-top: 25px;
  43. width: 220px;
  44. height: 57px;
  45. color: #fff;
  46. font-size: 20pt;
  47. font-weight: bold;
  48. text-decoration: none;
  49. }
  50. #vc a:hover{
  51. color: grey;
  52. }
  53. #podl_content{
  54. z-index: 1;
  55. position: relative;
  56. margin: 0px auto;
  57. padding: 0px;
  58. width: 1216px;
  59. background-color: lightgrey;
  60. }
  61. #content{
  62. background-image: url(88.png); position: relative;
  63. background-repeat: repeat-y; /* Отменяем повторение фона */
  64. background-position: center;
  65. margin: 0px auto; padding: 0px;
  66. width: 1214px;
  67. }
  68. .ukaz{
  69.   padding: 0px;
  70.    padding-top: 5px;
  71. margin: 0px;
  72. margin-top: 5px;
  73. background-image: url(6.png);
  74. height: 45px; text-align: center;
  75. width: 1200px;margin-left: 7px;
  76. }
  77. .ukaz h2{
  78. padding: 0px;
  79. margin: 0px;
  80. color: white;
  81. }
  82. #footer{
  83. background-image: url(54.png);
  84. margin: 0px auto;
  85. height: 82px;
  86. width: 1214px;
  87. }
  88.  


Помогите пожалуйста понять. Почему используя margin-top: 5px; в .ukaz идёт отступ всего #podl_content?
 
 Top
teddy
Отправлено: 06 Октября, 2013 - 19:57:25
Post Id


Участник


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


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




Маргин просто передался по цепочке
CODE (html):
скопировать код в буфер обмена
  1. #podl_content{
  2.     overflow:hidden;
  3. }

Остановит вашу проблему, надеюсь ;)
(Добавление)
CODE (html):
скопировать код в буфер обмена
  1. #сontent{
  2.     overflow:hidden;
  3. }
 
 Top
Doox911
Отправлено: 06 Октября, 2013 - 20:10:21
Post Id



Частый гость


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


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




teddy пишет:
Маргин просто передался по цепочке
CODE (html):
скопировать код в буфер обмена
  1. #podl_content{
  2.     overflow:hidden;
  3. }

Остановит вашу проблему, надеюсь ;)
(Добавление)
CODE (html):
скопировать код в буфер обмена
  1. #сontent{
  2.     overflow:hidden;
  3. }


Пожалуйста! Поясните как это работает и почему отступает?
 
 Top
teddy
Отправлено: 06 Октября, 2013 - 20:12:36
Post Id


Участник


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


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




Doox911
По ссылке что ниже подробно описаны разные ньюансы маргина(их несколько и лечится разными способами), можете почитать
http://habrahabr[dot]ru/post/123250/
 
 Top
Doox911
Отправлено: 06 Октября, 2013 - 20:39:55
Post Id



Частый гость


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


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




teddy пишет:
Doox911
По ссылке что ниже подробно описаны разные ньюансы маргина(их несколько и лечится разными способами), можете почитать
http://habrahabr[dot]ru/post/123250/


Спасибо. Прочтём не медленно.
 
 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