Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Min height
mrk9109
post 27.05.2018, 18:49:27
Post #1





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----


Dawno o nic nie pytałem ale ostatnio się trochę pogubiłem chodzi o to że nie działa min-height i nie wiem dlaczego tzn w pixelach działa ale gdy chce w 100% uzyskac efekt to już nie - chodzi o #rotator by sie rozciagal do konca strony .

  1. body {
  2. margin: 0 auto;
  3. background-color: #FFFFFF;
  4. color: #6e6e6e;
  5. font-family: Arial, Helvetica, sans-serif;
  6. font-size: 11px;
  7. height:100%;
  8. }
  9. img {
  10. border: 0;
  11. text-decoration: none;
  12. }
  13. a , a:hover , a:focus , a:visited{
  14. border: 0;
  15. text-decoration: none;
  16. color: #ff4000;
  17. }
  18. input, textarea, select {
  19. border: 1px solid #CCCCCC;
  20. background-color: #F6F6F6;
  21. font: normal 11px Verdana;
  22. color: #666666;
  23. }
  24.  
  25. /* Koniec ogolne */
  26. #pasek-top {
  27. background: #0e0e0e;
  28. width: 100%;
  29. height: 30px;
  30. position: fixed;
  31. right: 0;
  32. top: 0%;
  33. }
  34. #pasek-top > div {
  35. margin: 0 auto;
  36. width: 1100px;
  37. overflow: hidden;
  38. color: #ffffff;
  39. font-family: MyriadPro-BoldCond;
  40. font-weight: bold;
  41. font-size: 17px;
  42. }
  43. #top-kontakt {
  44. float: right;
  45. margin-top: 5px;
  46. }
  47. #top {
  48. background: #ffffff;
  49. width: 100%;
  50. height: 145px;
  51. position: fixed;
  52. right: 0;
  53. top: 5%;
  54. }
  55. #top > div {
  56. margin: 0 auto;
  57. width: 1100px;
  58. overflow: hidden;
  59. margin-top: 10px;
  60. }
  61. #logo {
  62. float: left;
  63. width: 230px;
  64. }
  65. #logo img {
  66. margin-top: 15px;
  67. margin-left: 30px;
  68. }
  69. #menu {
  70. float: left;
  71. width: 840px;
  72. margin-top: 45px;
  73. font-size: 19px;
  74. font-family: MyriadPro-BoldCond;
  75. font-weight: bold;
  76. }
  77. #menu li
  78. {
  79. display: inline-block;
  80. padding: 0px 10px 10px 15px;
  81. float: left;
  82. }
  83. #menu li a
  84. {
  85. color: #0e0e0e;
  86. text-decoration: none;
  87. padding: 5px 5px 5px 5px;
  88. }
  89. #menu li a:hover
  90. {
  91. color: #18cebf;
  92. text-decoration: none;
  93. background-color: #e5edec;
  94. font-weight: bold;
  95. border-radius: 10px 5px;
  96. }
  97. #menu li ul
  98. {
  99. display:none;
  100. height:auto;
  101. padding:0px;
  102. margin:0px;
  103. border:0px;
  104. position:absolute;
  105. z-index:200;
  106. }
  107. #menu li ul
  108. {
  109. display:none;
  110. height:auto;
  111. padding:0px;
  112. margin:0px;
  113. border:0px;
  114. position:absolute;
  115. z-index:200;
  116. }
  117. #menu li:hover ul
  118. {
  119. display:block;
  120. color: #18cebf;
  121. text-decoration: none;
  122. border: 0;
  123. }
  124. #menu li li
  125. {
  126. display:block;
  127. float:none;
  128. margin:0px;
  129. padding-top: 5px;
  130. margin-top: 8px;
  131. }
  132. #rotator {
  133. background-color: #e5edec;
  134. width: 100%;
  135. margin-top: 180px;
  136. min-height: 300px; ( GDY DAM 100% jest lipa )
  137. }
  138. #rotator > div {
  139. margin: 0 auto;
  140. width: 1100px;
  141. overflow: hidden;
  142. margin-top: 10px;
  143. }
  144.  
Go to the top of the page
+Quote Post
aras785
post 27.05.2018, 19:08:32
Post #2





Grupa: Zarejestrowani
Postów: 859
Pomógł: 177
Dołączył: 29.10.2009

Ostrzeżenie: (0%)
-----


Szkoda, że nie ma całości lub przykładu... Spróbuj tak:

  1. min-height: 100vh;
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 00:11