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>