Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]CSS IE a FF
Forum PHP.pl > Forum > Przedszkole
neo1986kk
19.12.2009, 17:33:20
witam, nie wiem dlaczego menu przesuwa mi się pod logowanie w IE.
efekt można obejrzeć na stronie www.scatola.pl
[PHP] pobierz, plaintext 
  1. body {
  2. background:transparent url(obrazy/tlo.jpg) repeat-x scroll 0 0;
  3. font-family:Tahoma,sans-serif;
  4. margin:0;
  5. }
  6. #container {
  7. height:205px;
  8. margin:auto;
  9. width:777px;
  10. }
  11. #dragon {
  12. background:transparent url(obrazy/scatola1_01.png) repeat scroll left top;
  13. height:205px;
  14. margin:auto;
  15. width:777px;
  16. }
  17. #line {
  18. background:transparent url(obrazy/scatola1_03.gif) repeat scroll 0 0;
  19. height:15px;
  20. position:relative;
  21. vertical-align:bottom;
  22. width:778px;
  23. }
  24. #menu_container {
  25. background:transparent none repeat scroll 0 0;
  26. height:205px;
  27. position:relative;
  28. vertical-align:bottom;
  29. width:778px;
  30. }
  31. #status {
  32. background:transparent url(obrazy/scatola1_04.gif) repeat-x scroll 0 0;
  33. color:blue;
  34. height:40px;
  35. margin:0;
  36. padding:7px 0 0;
  37. position:relative;
  38. vertical-align:bottom;
  39. width:778px;
  40. }
  41. c {
  42. color:red;
  43. font-family:fantasy;
  44. margin:0;
  45. position:relative;
  46. }
  47. ul, ul li {
  48. background:transparent url(obrazy/zakladka_05_05.png) repeat scroll 0 0;
  49. display:block;
  50. list-style-image:none;
  51. list-style-position:outside;
  52. list-style-type:none;
  53. margin:0;
  54. padding:0;
  55. }
  56. ul {
  57. background:transparent url(obrazy/scatola1_08.gif) no-repeat scroll 0 0;
  58. border-bottom:0 solid #336655;
  59. color:blue;
  60. float:left;
  61. height:52px;
  62. margin:0 -2px;
  63. padding-left:20px;
  64. width:100%;
  65. }
  66. ul li {
  67. background:transparent url(obrazy/zakladka_05_05.png) no-repeat scroll left top;
  68. color:blue;
  69. display:block;
  70. float:left;
  71. margin-right:2%;
  72. margin-top:10px;
  73. }
  74. ul li a:link, ul a:visited, ul dl {
  75. background:transparent url(obrazy/zakladka_05_06.png) no-repeat scroll right top;
  76. color:blue;
  77. display:block;
  78. font-size:12px;
  79. font-weight:bold;
  80. margin-left:10px;
  81. padding:6px 21px 5px 10px;
  82. text-decoration:none;
  83. }
  84. ul li a:hover {
  85. background:transparent url(obrazy/zakladka1_06.png) no-repeat scroll right top;
  86. color:white;
  87. display:block;
  88. float:left;
  89. margin-top:0;
  90. }
  91. #content {
  92. background:red none repeat scroll 0 0;
  93. float:right;
  94. margin-top:0;
  95. text-align:center;
  96. width:244px;
  97. }
  98. #contentleft {
  99. }
  100. #menuleft {
  101. position:left;
  102. }
  103. #menu0 {
  104. background:transparent url(obrazy/zakladka_05_05.png) repeat scroll 0 0;
  105. display:block;
  106. list-style-image:none;
  107. list-style-position:outside;
  108. list-style-type:none;
  109. margin:0;
  110. padding:0;
  111. }
  112. #menu {
  113. float:none;
  114. margin:0;
  115. position:relative;
  116. }
  117. .menu dl {
  118. background:transparent url(obrazy/zakladka_05_05.png) no-repeat scroll 0 0;
  119. margin:70px;
  120. padding:0;
  121. width:108px;
  122. }
  123. .menu dt, dt:link, dt:visited {
  124. background:transparent url(obrazy/zakladka_05_06.png) no-repeat scroll 0 0;
  125. color:blue;
  126. cursor:pointer;
  127. font-size:13px;
  128. font-weight:bold;
  129. margin:0 0 0 10px;
  130. padding:2px 19px;
  131. text-align:left;
  132. }
  133. .menu dt:hover {
  134. background:transparent url(obrazy/zakladka1_06.png) no-repeat scroll 0 0;
  135. color:white;
  136. cursor:pointer;
  137. font-size:13px;
  138. font-weight:bold;
  139. margin:0;
  140. padding:2px 19px;
  141. text-align:left;
  142. }
  143. .menu dd {
  144. background:transparent url(obrazy/tlo.jpg) repeat scroll 0 0;
  145. color:#000000;
  146. margin:0;
  147. padding:0;
  148. width:105px;
  149. }
[PHP] pobierz, plaintext
piotrekkr
19.12.2009, 20:53:22
hmm może być przyczyną bug w IE przy używaniu float w css. Więcej tutaj: http://www.positioniseverything.net/explor...led-margin.html . Napisz czy pomogło smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.