nicht angemeldet
Hay zusammen
Sitze nun schon die ganze Zeit an einem Problem. Und zwar wird ein DIV-Container einfach nicht so dargestellt wie ich will (jedenfalls nicht im FireFox, im IE passts)
Firefox (So sollte es nicht aussehen):
InternetExplorer (So sollte es auch im FF aussehen:
Index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Div Test</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
</style>
</head>
<body>
<div id="main">
<div id="head">
</div>
<div id="topnav">
</div>
<div id="bg">
<div id="leftnav">
asd<br>asd<br>asd<br>
</div>
<div id="content">
asd<br>
</div>
</div>
<div id="foot">
</div>
</div>
</body>
</html>
style.css:
div#main {
width:950px;
height:100%;
background-color:#FFFFFF;
padding:8px;
text-align:left;
}
div#head {
width:auto;
height:200px;
background-image:url(head.png);
border: 1px solid #000000;
}
div#topnav {
width:auto;
height:30px;
background-color:#72F000;
float:inherit;
border: solid #000000;
border-width:0px 1px;
}
div#bg {
height:100%;
padding:10px;
border: 1px solid #000000;
background-color:#1E1E1E;
}
div#leftnav {
width:300px;
height:100%;
background-color:#72F000;
float:left;
border: solid 1px #000000;
margin-right:10px;
}
div#content {
width:auto;
height:100%;
margin-left:310px;
background-color:#E8E8E8;
border: 1px solid #000000;
}
body {
background-color:#3A3A3A;
}
Falls jemand behilflich sein könnte wäre ich sehr dankbar.