Hi,
ich habe ein Layout gestaltet, doch findet sich im IE ein Fehler. Wenn ich die html lokal im IE teste funktioniert es, wenn ich die php auf den Server lade dann nicht.
Das Screenshot soll das Problem verdeutlichen. Wenn ich die width von #left 3 pixel verkleinere ist es rechts bündig aber die Spalte bleibt natürlich. Hab schon ziemlich alles ausprobiert leider ohne Erfolg. Im Firefox sitzt alles perfekt. Um den berühmten 3-Pixel Bug kann es sich ja eigentlich auch nicht handeln, da dieser im IE7 ja eigentlich behoben sein sollte.
Vielen Dank im voraus
Gruß roh
ich habe ein Layout gestaltet, doch findet sich im IE ein Fehler. Wenn ich die html lokal im IE teste funktioniert es, wenn ich die php auf den Server lade dann nicht.
Das Screenshot soll das Problem verdeutlichen. Wenn ich die width von #left 3 pixel verkleinere ist es rechts bündig aber die Spalte bleibt natürlich. Hab schon ziemlich alles ausprobiert leider ohne Erfolg. Im Firefox sitzt alles perfekt. Um den berühmten 3-Pixel Bug kann es sich ja eigentlich auch nicht handeln, da dieser im IE7 ja eigentlich behoben sein sollte.
Vielen Dank im voraus
Gruß roh
Code:
<body>
<div id="background">
<div id="container">
<div id="banner" ></div>
<div id="banner_unten"></div>
<div id="left">
<div id="navigation">
</div>
</div>
<div id="content">
<div id="inhalt">
</div>
</div>
<div id="footer"></div>
</div></div>
</body>
Code:
body {
background-image: url(../images/background2.jpg);
background-attachment:fixed;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
text-align: center;
}
a {color: #DB7093;
text-decoration: none;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;
text-decoration: underline;}
a:active { color:#000000;}
h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
#background{
/*position: absolute;*/
background-image: url(../images/background.jpg);
width:100%;
max-height: 1125px;
padding:0px;
margin-left:-2px;
voice-family: "\"}\"";
voice-family:inherit;
margin-left:0px;
}
#container {
width: 942px;
margin-top: 25px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#banner {
padding: 0px;
margin: 0px;
background-image: url(../images/banner.png);
width: 942px;
height: 194px;
}
#banner_unten {
background-image: url(../images/banner_unten.png);
width: 942px;
height: 20px;
padding: 0px;
margin: 0px;
}
#content {
background-image: url(../images/right_bg.png);
width: 730px;
margin-left: 212px;
}
div#content {
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
}
#inhalt {
padding: 47px;
}
p, pre{
padding: 0px 0px;
margin:0px;
}
#left {
background-image: url(../images/left_bg.png);
float: left;
width: 212px;
margin: 0px;
padding:0px;
}
div#left {
min-height: 600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
}
#navigation {
padding: 47px 0px 47px 47px;
}
#footer {
background-image: url(../images/footer.png);
width: 942px;
height: 43px;
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }
