[CSS]problemy z dopasowaniem układu strony w IE

[CSS]problemy z dopasowaniem układu strony w IE

interu58 Zobacz profil	11.11.2012, 23:27:18 Post #1
Grupa: Zarejestrowani Postów: 48 Pomógł: 0 Dołączył: 25.10.2012 Ostrzeżenie: (0%)	Mam szablon do którego zrobiłem oddzielny arkusz stylów CSS dla IE. Niestety coś jest nie tak Guziki są trochę rozsunięte, jakby pomiędzy nimi bił <div>, tak samo rzecz się ma z odległością nagłówka od body czyli (kolumna prawa i lewa), też wygląda jakby pomiędzy był <div>. W innych przeglądarkach wszystko przylega ściśle do siebie. Czy ma ktoś może pomysł jak to ogarnąć? kod CSS: body { margin : 0px; padding : 0px; background-color: #fcf7f1; scrollbar-base-color: 650c10; scrollbar-track-color: #e3d6c3; scrollbar-highlight-color: #e3d6c3; scrollbar-arrow-color: #e3d6c3; text-align: center; } #container { margin: auto; width : 800px; padding: 0px; } #nagłówek { width : 750px; height: 230px; } #kolumnaLewa { width : 220px; height: 350px; float : left; background-color: #e3d6c3 } #kolumnaPrawa { width : 550x; height: 350px; float : right; padding : 20px; background-color: #e3d6c3; } kod html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1250"> <link rel="stylesheet" type="text/css" href="style2.css" /> <!--[if gte IE 5]> <link rel="stylesheet" href="style3.css" /> <![endif]--> </head> <body> <div id="container"> <div id="naglowek"> <img src=gora2.jpg> </div> <div id="kolumnaLewa"> <div id="stronaglowna"> <a href="stronaglowna.html" onMouseOver='rollover.src="stronaglowna6.jpg"' onMouseOut='rollover.src="stronaglowna7.jpg"'> <img src="stronaglowna7.jpg" name="rollover" border="0"></a> </div> <div id="omnie"> <a href="omnie.html" onMouseOver='rollover6.src="omnie2.jpg"' onMouseOut='rollover6.src="omnie1.jpg"'> <img src="omnie1.jpg" name="rollover6" border="0"></a> </div> <div id="linki"> <a href="linki.html" onMouseOver='rollover3.src="linki4.jpg"' onMouseOut='linki3.src="dzialalnosc3.jpg"'> <img src="linki3.jpg" name="rollover3" border="0"></a> </div> <div id="kontakt"> <a href="kontakt.html" onMouseOver='rollover2.src="kontakt6.jpg"' onMouseOut='rollover2.src="kontakt7.jpg"'> <img src="kontakt7.jpg" name="rollover2" border="0"></a> </div> </div> <div id="kolumnaPrawa"> </div> </body> </html>