Hi leute,
ich habe folgendes Problem,:
wie man sieht sind die Ränder von dem menü verdoppelt. Dies passiert aber nur im InternetExplorer, weiss jemand wie man das behebt?
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>test</title>
<style>
body{
background-image: url('layout/background.png');
text-align: center;
margin: 0px;
}
#head{
border: 0px solid #414141;
margin: 0px auto;
width: 737px;
height: 45px;
background-image: url('layout/top.png');
}
#head2{
border: 0px solid #414141;
width: 737px;
height: 132px;
background-image: url('layout/head2.png');
margin: 0px auto;
}
#content_top{
border: 0px solid #414141;
width: 737px;
height: 4px;
margin: 0px auto;
background-image: url('layout/content_top.png');
}
#content_mit{
border: 0px solid #414141;
width: 737px;
height: 400px;
margin: 0px auto;
background-image: url('layout/content_mit.png');
}
#menu{
border: 0px solid red;
width: 180px;
height: 100px;
float: left;
padding-left: 3px;
padding-top: 3px;
}
#text{
border: 0px solid red;
width: 500px;
height: 100px;
float: right;
}
#menu_top{
border: 0px solid #414141;
width: 180px;
height: 10px;
background-image: url('layout/menu_top.png');
}
#menu_mit{
border: 0px solid #414141;
width: 180px;
height: 100px;
background-image: url('layout/menu_mit.png');
}
#menu_bottom{
border: 0px solid #414141;
width: 180px;
height: 10px;
background-image: url('layout/menu_bottom.png');
}
</style>
</head>
<body>
<div id="head">
</div>
<div id="head2">
</div>
<div id="content">
<div id="content_top">
</div>
<div id="content_mit">
<div id="menu">
<div id="menu_top">
</div>
<div id="menu_mit">
</div>
<div id="menu_bottom">
</div>
</div>
<div id="text">
</div>
</div>
</div>
</body>
</html>Danke Trigger232
*/