Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Marginesy IE 6.0 a Mozilla Firefox
Forum PHP.pl > Forum > Przedszkole
krzychu0808
26.06.2008, 06:55:01
Witam.... ustawiłem:
[HTML] pobierz, plaintext 
  1. .kontakt {
  2.     margin-left :10px;
  3.     padding    : 0px;
  4.     float        : left;
  5.     font-size: 11px;
  6. }
[HTML] pobierz, plaintext

Margines od lewej 10px dla tabelki kontakt ale w IE 6.0 odstęp od lewej jest większy niż w Mozilla Firefox
Link do Strony

Kod strony:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.   <head>
  4.     <style type="text/css">
  5.       body {
  6. background-color: #202632;
  7. font-family:Verdana, Arial, Helvetica, sans-serif;      
  8.       }
  9.  
  10.  
  11.  
  12. div#heder2 img {
  13.     display: block;
  14. }
  15.  
  16. #strona {
  17.     margin     : auto;
  18.     padding    : 0px;
  19.     width      : 862px;
  20. }
  21. #heder1 {
  22.     margin     : auto;
  23.     padding    : 0px;
  24.     width      : 611px;
  25.     height       : 227px;
  26.     float        : left;
  27.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_04.gif)
  28. }
  29. #heder2 {
  30.     margin     : auto;
  31.     padding    : 0px;
  32.     width      : 170px;
  33.     height       : 227px;
  34.     float        : left;
  35. }
  36. #heder3 {
  37.     margin     : auto;
  38.     padding    : 0px;
  39.     width      : 81px;
  40.     height       : 227px;
  41.     float        : left;
  42.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_06.gif)
  43. }
  44. #menu {
  45.     margin     : auto;
  46.     padding    : 0px;
  47.     width      : 247px;
  48.     float        : left;
  49. }  
  50. #menu1 {
  51.     margin     : auto;
  52.     padding    : 0px;
  53.     width      : 247px;
  54.     height       : 33px;
  55.     float        : left;
  56.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_13.gif)
  57. }   
  58. #menu2 {
  59.     margin     : auto;
  60.     padding    : 0px;
  61.     width      : 247px;
  62.     float        : left;
  63.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_15.gif)
  64. }  
  65. #menu3 {
  66.     margin     : auto;
  67.     padding    : 0px;
  68.     width      : 247px;
  69.     height       : 23px;
  70.     float        : left;
  71.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_19.gif)
  72. }  
  73. #menu4 {
  74.     margin     : auto;
  75.     padding    : 0px;
  76.     width      : 247px;
  77.     height       : 25px;
  78.     float        : left;
  79.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_20.gif)
  80. }  
  81. #menu5 {
  82.     margin     : auto;
  83.     padding    : 0px;
  84.     width      : 247px;
  85.     float        : left;
  86.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_21.gif)
  87. } 
  88. #menu6 {
  89.     margin     : auto;
  90.     padding    : 0px;
  91.     width      : 247px;
  92.     height       : 23px;
  93.     float        : left;
  94.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_19.gif)
  95. } 
  96. #tresc {
  97.     margin     : auto;
  98.     padding    : 0px;
  99.     width      : 615px;
  100.     float        : left;
  101. }  
  102. #tresc1 {
  103.     margin     : auto;
  104.     padding    : 0px;
  105.     width      : 615px;
  106.     height       : 33px;
  107.     float        : left;
  108.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_14.gif)
  109. }     
  110. #tresc2 {
  111.     margin     : auto;
  112.     padding    : 0px;
  113.     width      : 615px;
  114.     float        : left;
  115.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_16.gif)
  116. }   
  117. #tresc3 {
  118.     margin     : auto;
  119.     padding    : 0px;
  120.     width      : 615px;
  121.     height       : 24px;
  122.     float        : left;
  123.     background     : url(http://www.elaz.eu/allegro/rapid/images1/1_25.gif)
  124. }  
  125.  
  126.  
  127. .kontakt {
  128.     margin-left :10px;
  129.     padding    : 0px;
  130.     float        : left;
  131.     font-size: 11px;
  132. }  
  133.     </style>
  134.   </head>
  135.   <body>
  136.     <div id="strona">
  137.     <div id="heder1"></div>
  138.     <div id="heder2">
  139.     <img src="http://www.elaz.eu/allegro/rapid/images1/1_05.gif" border="0" alt="img">
  140.     <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_07.gif" border="0" alt="img"></a>
  141.     <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_08.gif" border="0" alt="img"></a>
  142.     <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_09.gif" border="0" alt="img"></a>
  143.     <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_10.gif" border="0" alt="img"></a>
  144.     <a href="index.html"><img src="http://www.elaz.eu/allegro/rapid/images1/1_11.gif" border="0" alt="img"></a>
  145.     <img src="http://www.elaz.eu/allegro/rapid/images1/1_12.gif" border="0" alt="img">
  146.     </div>
  147.     <div id="heder3"></div>
  148.  
  149.     <div id="menu">
  150.     <div id="menu1"></div>
  151.     <div id="menu2">
  152.     <div class="kontakt">
  153.     <br>
  154.     <a href="mailto:krzychu0808@o2.pl"><img src="http://www.elaz.eu/allegro/rapid/images1/email.gif" border="0" alt="img"><a><br>
  155.     <a href="gg:7335699"><img src="http://www.elaz.eu/allegro/rapid/images1/gg.gif" border="0" alt="img"><a><br>
  156.     <img src="http://www.elaz.eu/allegro/rapid/images1/gadu.gif" border="0" alt="img"><img src="http://www.gadu-gadu.pl/users/status.asp?id=7335699&styl=3" border="0" alt="img">
  157.  
  158.     </div>
  159.     </div>
  160.     <div id="menu3"></div>
  161.     <div id="menu4"></div>
  162.     <div id="menu5">
  163.     <br><br><br><br><br><br><br>
  164.     <br><br><br><br><br><br><br>
  165.  
  166.     </div>
  167.     <div id="menu6"></div>
  168.     </div>
  169.  
  170.  
  171.  
  172.     <div id="tresc">
  173.     <div id="tresc1"></div>
  174. 	<div id="tresc2">
  175. 	<center><img src="http://www.elaz.eu/allegro/rapid/logo.gif" border="0" alt="img"></center>
  176.     <br><br><br><br> <br><br><br><br>
  177.     <br><br><br><br><br><br><br>
  178.     <br><br><br><br><br><br><br>
  179.     <br><br><br><br><br><br><br>
  180.  </div>
  181.   <div id="tresc3"></div> 
  182.     </div>
  183.  
  184.  
  185.  
  186.  
  187.  
  188.     <br><br><br><br>
  189.     </div>
  190.  
  191.  
  192.   </body>
  193. </html>
[HTML] pobierz, plaintext
revyag
26.06.2008, 08:01:24
google----> double margin + ie

i naciesz oczy dziesiątkami rozwiązań smile.gif
nevt
26.06.2008, 08:33:07
to znany błąd IE6 - podwaja marginesy dla elementów z float. TUTAJ masz opis i rozwiązanie.
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.