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:
.menu_lewa_dol { width: 277px; height: 7px; margin:auto; float:left; background : url(./images/1_24.jpg); } .menu_prawa_dol { width:665px; height: 8px; margin:auto; float:left; background : url(./images/1_22.jpg); }
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:
<style type="text/css"> * { margin: 0px; padding: 0px; } body { background : url(./images/tlo.png); font-family:Verdana, Arial, Helvetica, sans-serif; } #strona { width:942px; margin:auto; background-color: #1b1b19; } .heder { width:942px; height: 192px; margin:auto; float:left; background : url(./images/1_03.jpg); } .menu { width:942px; height: 33px; margin:auto; float:left; } img { padding:0px; margin:0px; border: 0px; float:left; } .odstep { width:942px; height: 16px; margin: 0px; float:left; background-color: #1b1b19; } .lewa { width: 277px; margin:auto; float:left; } .prawa { width:665px; margin:auto; float:left; } .menu_lewa { width: 277px; height: 31px; margin:auto; float:left; background : url(./images/1_14.jpg); } .menu_prawa { width:665px; height: 31px; margin:auto; float:left; background : url(./images/1_15.jpg); } .menu_lewa_tresc { width: 277px; height: 220px; margin:auto; float:left; background : url(./images/1_16.jpg); } .menu_prawa_tresc { width:665px; height: 220px; margin:auto; float:left; background : url(./images/1_17.jpg); } .menu_lewa_dol { width: 277px; height: 16px; margin:auto; float:left; background : url(./images/1_24.jpg); } .menu_prawa_dol { width:665px; height: 16px; margin:auto; float:left; background : url(./images/1_22.jpg); } .odstep2 { width:942px; height: 16px; margin: 0px; float:left; display: inline; background-color: #1b1b19; } .stopka { width:942px; height: 35px; margin:auto; float:left; background : url(./images/1_26.jpg); display: inline; position: relative; } </style> </head> <body> <div id="strona"> <!-- początek strona --> <div class="menu"> <!-- początek menu --> <img alt="tutoriale.elaz.eu" src="./images/1_05.jpg"> <img alt="tutki" title="Strona Główna" src="./images/1_06.jpg"> <img alt="tutoriale" title="Forum" src="./images/1_07.jpg"> <img alt="photoshop" title="Download" src="./images/1_08.jpg"> <img alt="tutoriale photoshop" title="Tutoriale" src="./images/1_09.jpg"> <img alt="tutorial" title="Dodaj Tutoriala" src="./images/1_10.jpg"> <img alt="rejestracja" title="Rejestracja" src="./images/1_11.jpg"> <img alt="tut" src="./images/1_12.jpg"> </div> <!-- koniec menu --> <div class="lewa"> <!-- początek menu lewe --> </div> <!-- koniec menu lewe--> <div class="prawa"> <!-- początek menu prawe --> </div> <!-- koniec menu prawe--> </div> <!-- koniec strona --> </body> </html>
ok już wiem wywaliłem komentarze i jest ok
