Tweet
leider packt der IE den "right" zu weit nach rechts, mozilla, firefox, netscape ebend nicht
warum ist der IE mal wieder doof, bzw was mach ich falsch
danke. hier der code
warum ist der IE mal wieder doof, bzw was mach ich falsch
danke. hier der code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<link href="../_styles/styles.css" rel="stylesheet" type="text/css" />
</head>
<body tracingsrc="../_images/_site/tracingimg.gif" tracingopacity="100">
<div id="container">
<div id="left">
<div id="navigation">hier kommt die navi</div>
</div>
<div id="right">
<div id="header">
<div id="subnavigation">hier die subnavi</div>
<div id="logo">hier das logo</div>
</div>
<div id="content">hier kommt der content mit dem rahmen als bg </div>
<div id="footer">hier kommt der footer</div>
</div>
</div>
</body>
</html>
################ die styles
body {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
BACKGROUND: #FFFFFF;
margin: 0px;
color: #000000;
}
#container {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px auto 0px;
width: 650px;
height: 600px;
position: relative;
}
#left {
float: left;
width:120px;
height: 600px;
}
#navigation {
position: relative;
background-color:#CC9933;
}
#right {
position: relative;
left: 120px;
margin:0px;
padding: 0px;
/* IE doesnt like 530 */
width: 527px;
height: 500px
}
#header {
position: relative;
height: 74px;
}
#subnavigation {
position: relative;
top: 60px;
background-color:#33CCFF
}
#logo {
position: relative;
top: 38px;
float: right;
background-color:#00FF00
}
#content {
width: 500px;
height: 500px;
background-color:#CCCCCC
}
#footer {
background-color:#996699
}
Kommentar