Hallo,
ich habe mir ne kleine seite gebaut... habe aber ein problem mit dem border des mittleren divs (indivmitte).
und zwar: im internetexplorer funktioniert alles wunderbar... das boxmodell hab ich auch beachtet... nur im firefox wird die border an der rechten und linken seite irgendwie nicht angezeigt,,, weiß jemand warum?
hier der gesamte code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Seite</title>
<style type="text/css">
<!--
body
{
margin:0;
padding:0;
font-family:Verdana;
font-size:12px;
color:#000;
font-weight : normal;
font-size:12px;
text-decoration:none;
background-color:#ffffff;
text-align:center;
}
.linktext {
font-family : Verdana;
font-size : 12px;
color : #fff;
font-weight : bold;
}
.ueberschrift {
font-family : Verdana;
font-size : 14px;
color : #336699;
font-weight : bold;
}
#oben {
background-color:#ffffff;
float:left;
height:100px;
width:100%;
min-width:900px;
}
#indivoben {
float:left;
width:350px;
}
#indivoben1 {
float:left;
padding-top:15px;
height:100%;
width:500px;
}
#menue {
background-color:#3366cc;
float:left;
height:35px;
width:100%;
min-width:750px;
}
.indivmenue {
background-color:#336699;
float:left;
height:100%;
width:130px;
}
#indivmenue1 {
background-color:#3366cc;
float:left;
height:100%;
width:250px;
}
#inhalt {
padding-top:15px;
background-color:#ffffff;
min-width:800px;
float:left;
}
#links {
background-color:#ffffff;
width:210px;
min-width:200px;
float:left;
}
#indivlinks {
background-color:#ff3300;
width:180px;
float:left;
}
#rechts {
background-color:#ffffff;
width:200px;
min-width:100px;
float:right;
}
#mitte {
background-color:#ffffff;
}
#indivmitte {
background-color:#F0F0EB;
height:350px;
}
</style>
</head>
<body>
<div id="oben">
<div id="indivoben">
[img]logo.gif[/img]
</div>
<div id="indivoben1">
[img]banner.gif[/img]
</div>
</div>
<div id="menue">
<div class="indivmenue" style="border:1px solid #ffffff;">
[img]te.gif[/img]</div>
<div class="indivmenue" style="border:1px solid #ffffff;">
[img]e.gif[/img]</div>
<div class="indivmenue" style="border:1px solid #ffffff;">
[img]ty.gif[/img]</div>
<div class="indivmenue" style="border:1px solid #ffffff;">
[img]en.gif[/img]</div>
<div id="indivmenue1" style="border:1px solid #ffffff;">
[img]n.gif[/img]</div>
</div>
<div id="inhalt">
<div id="links">
<div id="indivlinks" style="border:1px solid #C2C6BA;">
[img]bannerrechts.gif[/img]</p>
</div>
</div>
<div id="rechts">
[img]bannerlinks.gif[/img]
</div>
<div id="mitte">
<div id="indivmitte" style="border:1px solid #C2C6BA;padding:20px">
</div>
</div>
</div>
</body>
</html>
22.10.2005, 13:54
Problem mit border...
Ähnliche Themen
Linear-Darstellung
