Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Podwójna wysokość div
krzychu0808
post
Post #1





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

Witam.....
mam taki problem że na IE 6.0 mam podwójną wysokość div... wiem że podwójne marginesy się usuwa dodając display: inline; ale w tym przypadku nie mogę tego użyć ale jak testowałem to i tak nie pomogło... zobaczcie sami >>Link<< chodzi mi o te pola gdzie będzie treść na dole tam... w FF jest ok...

CSS:
[HTML] pobierz, plaintext 
  1. .menu_lewa_dol {
  2. 	width: 277px;
  3. 	height: 7px;
  4. 	margin:auto;
  5. 	float:left;
  6. 	background : url(./images/1_24.jpg);
  7. }
  8.  
  9. .menu_prawa_dol {
  10. 	width:665px;
  11. 	height: 8px;
  12. 	margin:auto;
  13. 	float:left;
  14. 	background : url(./images/1_22.jpg);
  15. }
[HTML] pobierz, plaintext


Poradziłem sobie z tym dając rozmiar grafiki powyżej 15px dałem 16px i jest ok.. ale narodził się kolejny problem z IE 6.0 dziwna przestrzeń miedzy div a div pomiędzy polami z treścią a stopką >>Nowy Link<< prawdopodobnie chodzi o class= odstep2

CSS:
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. * { margin: 0px; padding: 0px; }
  3. body {
  4. background : url(./images/tlo.png);
  5. font-family:Verdana, Arial, Helvetica, sans-serif;
  6. }
  7. #strona {
  8. 	width:942px;
  9. 	margin:auto;
  10. 	background-color: #1b1b19;
  11.  
  12.  
  13. }
  14. .heder {
  15. 	width:942px;
  16. 	height: 192px;
  17. 	margin:auto;
  18. 	float:left;
  19.     background : url(./images/1_03.jpg);
  20.  
  21. }
  22. .menu {
  23. 	width:942px;
  24. 	height: 33px;
  25. 	margin:auto;
  26. 	float:left;
  27.  
  28. }
  29. img {
  30. 	padding:0px;
  31. 	margin:0px;
  32. 	border: 0px;
  33. 	float:left;
  34. }
  35. .odstep {
  36. 	width:942px;
  37. 	height: 16px;
  38. 	margin: 0px;
  39. 	float:left;
  40. 	background-color: #1b1b19;
  41.  
  42. }
  43.  
  44.  
  45.  
  46. .lewa {
  47. 	width: 277px;
  48. 	margin:auto;
  49. 	float:left;
  50. }
  51.  
  52. .prawa {
  53. 	width:665px;
  54. 	margin:auto;
  55. 	float:left;
  56. }
  57.  
  58. .menu_lewa {
  59. 	width: 277px;
  60. 	height: 31px;
  61. 	margin:auto;
  62. 	float:left;
  63. 	background : url(./images/1_14.jpg);
  64. }
  65.  
  66. .menu_prawa {
  67. 	width:665px;
  68. 	height: 31px;
  69. 	margin:auto;
  70. 	float:left;
  71. 	background : url(./images/1_15.jpg);
  72. }
  73.  
  74. .menu_lewa_tresc {
  75. 	width: 277px;
  76. 	height: 220px;
  77. 	margin:auto;
  78. 	float:left;
  79. 	background : url(./images/1_16.jpg);
  80. }
  81.  
  82. .menu_prawa_tresc {
  83. 	width:665px;
  84. 	height: 220px;
  85. 	margin:auto;
  86. 	float:left;
  87. 	background : url(./images/1_17.jpg);
  88. }
  89.  
  90. .menu_lewa_dol {
  91. 	width: 277px;
  92. 	height: 16px;
  93. 	margin:auto;
  94. 	float:left;
  95. 	background : url(./images/1_24.jpg);
  96.  
  97. }
  98.  
  99. .menu_prawa_dol {
  100. 	width:665px;
  101. 	height: 16px;
  102. 	margin:auto;
  103. 	float:left;
  104. 	background : url(./images/1_22.jpg);
  105.  
  106. }
  107. .odstep2 {
  108. 	width:942px;
  109. 	height: 16px;
  110. 	margin: 0px;
  111. 	float:left;
  112. 	display: inline;
  113. 	background-color: #1b1b19;
  114. }
  115. .stopka {
  116. 	width:942px;
  117. 	height: 35px;
  118. 	margin:auto;
  119. 	float:left;
  120. 	background : url(./images/1_26.jpg);
  121. 	display: inline;
  122. 	position: relative;
  123. }
  124. </style>
  125. </head>
  126. <body>
  127.  
  128. <div id="strona"> <!-- początek strona -->
  129. <div class="heder"></div>
  130. <div class="menu"> <!-- początek menu -->
  131. <img alt="tutoriale.elaz.eu" src="./images/1_05.jpg">
  132. <img alt="tutki" title="Strona Główna" src="./images/1_06.jpg">
  133. <img alt="tutoriale" title="Forum" src="./images/1_07.jpg">
  134. <img alt="photoshop" title="Download" src="./images/1_08.jpg">
  135. <img alt="tutoriale photoshop" title="Tutoriale" src="./images/1_09.jpg">
  136. <img alt="tutorial" title="Dodaj Tutoriala" src="./images/1_10.jpg">
  137. <img alt="rejestracja" title="Rejestracja" src="./images/1_11.jpg">
  138. <img alt="tut"  src="./images/1_12.jpg">
  139. </div>   <!-- koniec menu -->
  140. <div class="odstep"></div>
  141. <div class="lewa"> <!-- początek menu lewe -->
  142. <div class="menu_lewa"></div>
  143. <div class="menu_lewa_tresc"></div>
  144. <div class="menu_lewa_dol"></div>
  145. </div>   <!-- koniec menu  lewe-->
  146.  
  147. <div class="prawa"> <!-- początek menu prawe -->
  148. <div class="menu_prawa"></div>
  149. <div class="menu_prawa_tresc"></div>
  150. <div class="menu_prawa_dol"></div>
  151. </div>   <!-- koniec menu  prawe-->
  152. <div class="odstep2"></div>
  153. <div class="stopka"></div>
  154. </div> <!-- koniec strona -->
  155.  
  156. </body>
  157. </html>
[HTML] pobierz, plaintext



ok już wiem wywaliłem komentarze i jest ok smile.gif

Ten post edytował krzychu0808 17.08.2008, 16:56:00
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 06:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn