Hallo Zusammen,
ich komme nicht weiter und bräuchte dringend unterstützung. Ich bekomme im IE 5 eine falsche Darstellung der Hauptcontent rutscht unter die Navigation im linken DIV.
hier mein xhtml:
<!-- ###document### -->
<div id="pagewidth">
<div id="header"> <span class="headerimage">
<!-- ###headerimage### -->
<!-- ###headerimage### -->
</span> </div>
<div id="topmenu">
<!-- ###topnavigation### -->
<!-- ###topnavigation### -->
<div id="search">
<!-- ###search### -->
<!-- ###search### -->
</div>
</div>
<div id="wrapper">
<div id="sidebar">
<div id="login">
<!-- ###login### -->
<!-- ###login### -->
</div>
<div id="navigation">
<!-- ###navigation### -->
<!-- ###navigation### -->
</div>
</div>
<div id="container">
<div id="containerheader"><span class="pathway">
<!-- ###pathway### -->
<!-- ###pathway### -->
</span> <span class="exports">
<!-- ###print### -->
<!-- ###print### -->
</span> </div>
<div id="content"> <div id="hoch"></div>
<!--TYPO3SEARCH_begin-->
<!-- ###content### -->
<!-- ###content### -->
<!--TYPO3SEARCH_end-->
</div>
</div>
</div><div id="footer_outer">
<div id="footer_inner">
<!-- ###footertext### -->
<!-- ###footertext### -->
</div>
</div>
</div>
<!-- ###document### -->
und das ist mein Style dazu:
body {
text-align: center;
background-color: #E9ECF3;
padding: 0px;
margin: 5px 0px 5px 0px;
}
#pagewidth {
margin: 0px auto 0px auto;
text-align:left;
padding: 2px;
width: 770px;
font-family: "Verdana","Helvetica","Arial",sans-serif;
/*border: 1px solid #000000;*/
background-color: #FFFFFF;
color: #000000;
}
#sidebar {
width: 203px;
background-color: #D8DEEB;
float: left;
}
#hoch {
float: left;
min-height:400px;
height:auto;
}
* html #hoch { height:400px; } /* nur für IE 5.5 - 6.x */
#container {
float: right;
width: 520px;
margin:0px;
padding:0px;
position:relative;
right:20px;
}
#containerheader {
padding-top:3px;
margin-bottom:3px;
}
.exports {
float:right;
}
#wrapper {
width: 100%;
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
clear:both;
color: #000000;
}
#header {
background: white url(../images/logoneuer.jpg) repeat-y left;
height: 103px;
color: #FFFFFF;
}
.headerimage {
background: white url(../images/Bild.gif) repeat-y left;
float:right;
position:relative;
clip: rect(auto 0px auto auto);
/*left: 482px;*/
height: 103px;
width: 288px;
}
.pathway {
margin: 0px;
position:relative;
top:2px;
float:left;
}
#content {
clear:both;
/*background-color: #E9ECF3;*/
margin: 0px 0px 20px 0px;
padding: 0px;
border-top:1px solid #808080;
}
#footer_inner {
background: white url(../images/Balken.jpg) no-repeat;
clear: both;
width: 100%;
height: 32px;
padding: 0px 0px;
color: #ffffff;
margin: 0px;
}
#login {
margin: 0px 0px 15px 0px;
padding: 0px;
background-color: #E7E7E7;
border-top: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
text-align: left;
}
#search {
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #FFFFFF;
border-top: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
text-align: left;
float: right;
}
#navigation {
margin: 0px 0px 20px 0px;
width: 203px;
padding: 0px;
text-align: left;
}
#topmenu {
background-color: #FFFFFF;
padding: 0;
margin: 0;
color: #000000;
}
.topmenu a{
background-color: #FFFFFF;
display: block;
/*height: 35px;*/
padding: 3px 3px;
float: left;
border: 1px solid #FCD6B4;
border-bottom: none;
text-decoration: none;
color: #000000;
background: transparent url(../images/kopf_neu_100806_r2_c3.jpg) repeat-x;
}
.topmenu a:hover{
display: block;
background-color: #FFFFFF;
padding: 3px 3px;
float: left;
border: 1px solid #8A9CC3;
border-bottom: none;
text-decoration: none;
color: #000000;
background: url(../images/kopf_neu_090806_r2_c3.jpg) repeat-x;
}
.topmenu-act {
text-decoration: none;
color: #000000;
display: block;
background-color: #FFFFFF;
padding: 3px 3px;
float: left;
border: 1px solid #8A9CC3;
border-bottom: none;
background: url(../images/kopf_neu_090806_r2_c3.jpg) repeat-x;
}
.leftnav a{
color: #00008B;
text-decoration: none;
padding: 0px 5px 0px 5px;
margin: 2px 0px 2px 0px;
font-weight: bold;
line-height: 20px;
display: block;
}
.leftnav a:hover{
color: #FFFFFF;
margin: 2px 0px 2px 0px;
background-color: #8A9CC3;
}
.leftnav-act a {
color: #FFFFFF;
display: block;
text-decoration: none;
font-weight: bold;
padding: 0px 5px 0px 5px;
margin: 2px 0px 2px 0px;
background-color: #8A9CC3;
line-height: 20px;
}
.leftnav2 a {
color: #FFFFFF;
background-color: #8A9CC3;
text-decoration: none;
padding: 0px 5px 0px 15px;
margin: 2px 0px 2px 0px;
line-height: 20px;
display: block;
}
.leftnav2 a:hover{
color: #00008B;
margin: 2px 0px 2px 0px;
background-color: #FCD6B4;
}
.leftnav2-act {
color: #00008B;
display: block;
text-decoration: none;
padding: 0px 5px 0px 15px;
margin: 2px 0px 2px 0px;
background-color: #FCD6B4;
line-height: 20px;
}
.leftnav3 a {
color: #00008B;
background-color: #FFFFFF;
text-decoration: none;
padding: 0px 5px 0px 20px;
margin: 2px 0px 2px 0px;
line-height: 20px;
display: block;
}
.leftnav3 a:hover{
font-weight: bold;
color: #00008B;
margin: 2px 0px 2px 0px;
background-color: #FFFFFF;
}
.leftnav3-act {
font-weight: bold;
color: #00008B;
display: block;
text-decoration: none;
padding: 0px 5px 0px 20px;
margin: 2px 0px 2px 0px;
background-color: #FFFFFF;
line-height: 20px;
}
Bin echt am verzweifeln.
Grüße
SaschaH