Hallo, habe ein kleines design gemacht, bei dem "#indivmitte2" und "#indivmitte3" genau 100% von "#indivmitte" einnehmen sollen... (also nebeneinander).
nur irgendwie funktioniert das nicht so wie ich es will... hat jemand ne idee wie man es lösen könnte?
gruß andreas
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>titel</title>
<style type="text/css">
<!--
body
{
margin:10;
padding:0;
font-family:Verdana;
font-size:12px;
color:#000;
font-weight : normal;
font-size:12px;
text-decoration:none;
text-align:left;
background-color:#ffffff;
text-align:center;
}
.formular{
BACKGROUND: #3366cc;
BORDER-BOTTOM: #808080 1px solid;
BORDER-LEFT: #808080 1px solid;
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP: #808080 1px solid;
COLOR: #ffffff;
FONT-FAMILY: Arial, Sans-Serif, Verdana;
font-size:12px;
width:130px;
height:20px;
}
.linktext {
font-family : Verdana;
font-size : 12px;
color : #fff;
font-weight : bold;
text-align: left;
}
.ueberschrift {
font-family : Verdana;
font-size : 14px;
color : #336699;
font-weight : bold;
}
#oben {
background-color:#ffffff;
float:left;
height:65px;
width:100%;
min-width:900px;
}
#indivoben {
float:left;
width:350px;
min-width:350px;
}
#indivoben1 {
float:left;
width:470px;
min-width:470px;
}
#menue {
background-color:#3366cc;
float:left;
height:35px;
width:100%;
min-width:900px;
}
.indivmenue {
background-color:#336699;
float:left;
height:100%;
width:130px;
}
#indivmenue1 {
background-color:#336699;
float:left;
height:100%;
width:300px;
}
#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;
}
#indivindivlinks {
background-color:#ff3300;
float:left;
}
#rechts {
background-color:#ffffff;
width:120px;
min-width:120px;
float:right;
}
#mitte {
margin-left:210px;
margin-right:150px;
background-color:#ffffff;
}
#indivmitte {
background-color:#F0F0EB;
}
#indivmitte2 {
background-color:#F0F0EB;
float:left;
}
#indivmitte3 {
background-color:#F0F0EB;
float:right;
}
</style>
</head>
<body>
<div id="oben">
<div id="indivoben">
</div>
<div id="indivoben1">
</div>
</div>
<div id="menue">
<div class="indivmenue" style="border:1px solid #ffffff;padding-top:6px;">
</div>
<div class="indivmenue" style="border:1px solid #ffffff;padding-top:6px;">
</div>
<div class="indivmenue" style="border:1px solid #ffffff;padding-top:6px;">
</div>
<div class="indivmenue" style="border:1px solid #ffffff;padding-top:6px;">
</div>
<div id="indivmenue1" style="border:1px solid #ffffff; padding-top:6px;">
</div>
</div>
<div id="inhalt">
<div id="links">
<div id="indivlinks" style="border:1px solid #C2C6BA;">
<div id="indivindivlinks" style="padding-left:20px;>
<p class="linktext">
</div>
</div>
</div>
<div id="rechts">
</div>
<div id="mitte">
<div id="indivmitte2" style="border:1px solid #C2C6BA; padding:20px;">
</div>
<div id="indivmitte3" style="border:1px solid #C2C6BA; padding:20px;">
</div>
</div>
</div>
</p>
</body>
</html>