css-Datei:
- Code: Alles auswählen
/* Layout */
body{
margin: 0px;
}
#root{
margin: 10px auto;
width:995px;
}
#menu{
background-image:url(../image/navi.jpg);
background-repeat:no-repeat;
height:598px;
width:199px;
float:left;
}
#menu table{
margin-top:180px;
}
#head{
background-image:url(../image/top.jpg);
background-repeat:no-repeat;
width:159px;
height:35px;
padding-left:555px;
padding-top:233px;
margin-left:199px;
}
#mid{
background-image:url(../image/mid.jpg);
background-repeat:no-repeat;
height:291px;
width:793px;
margin-left:199px;
}
#bottom{
background-image:url(../image/bottom.jpg);
background-repeat:no-repeat;
height:39px;
width:793px;
margin-left:199px;
}
/* Inhalt */
#ind{
background-color:#000000;
width:114px;
height:25px;
}
#ind img{
float:right;
}
#content{
width:654px;
height:291px;
overflow:auto;
padding-left:10px;
font:Verdana;
font-size:12px;
}
html-Datei:
- Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kingsize Groove</title>
<link href="style/kingsize.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="root">
<div id="menu">
blala..........
</div>
<div id="head">
<div id="ind">
<img src="image/home_g.jpg" border="0" />
</div>
</div>
<div id="mid">
<div id="content">
<br />
<b>News:</b></p>
<p>15.08.2005 - <b>Kingsize Groove geht
online</b></p>
blalala......
</div>
</div>
<div id="bottom"> </div>
</div>
</body>
</html>
und der dumme Internet Explorer zeigt das so mit nem Spalt zwischen dem Menü und den anderen Divs an:
Der Firefox zeigt das absolut richtig an.
Das Design is net von mir das jemand aus der Band gemacht! Meins wurde abgelehnt. Hab das nur umgesetzt!
Gruß Paddy
