[ajdan77]

Hallo,

ich habe ein Problem mit einer Seite, aufgebaut Html/CSS im Firefox und im IE7 etc. kein Problem, aber im IE6/IE5 rutscht der Textbereich nach unten.
CSS-Datei aufgebaut mit Kopfbereich/Navigation links mit float:left und daneben der Textbereich, Fußbereich
Wenn ich die Seite im IE6 aufrufe, rutscht der Textbereich unter das Ende der Navigation.

Beispiel: so sieht es im Firefox + IE7 aus:
Kopfbereich
Navigation______ textbereich
link1___________ textbereich2
link2___________ textbereich3
link3___________ textbereich4
Fußbereich

und osim IE6:
Kopfbereich
Navigation
link1
link2
link3
________________textbereich
________________textbereich2
________________textbereich3
________________textbereich4
Fußbereich



Kann mir einer helfen, ich habe schon alles ausprobiert, was mir eingefallen ist, aber jetzt weiß ich nicht mehr weiter, es hat wahrscheinlich etwas mit dem flaot zu tun, aber ich habe keine Idee mehr wie ich es ändern kann, damit man es auch im IE6 anschauen kann.

Hier die CSS-Datei:

#wrapper {
width: 850px;
min-width: 600px;
max-width: 1024px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}
#kopfbereich {
position: relative;
color: black;
background-color: #33509E;
background-position: 0px 0px;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
border-bottom-style: none;
height: 125px;
}

#textbereich {
position: relative;
float: clear;
background-color:#fff;
height:auto;
background-image: url(images/Holzwurm_n.jpg);
background-position: right bottom;
background-repeat: no-repeat;
width: 650px;
margin-left: 200px;
padding-top: 0px;
}

#navigation {
float: left;
width: 200px;
left: 212px;
background-color: #FFFFFF;
height:auto;
vertical-align: top;
padding-left: 0px;
margin: 0px;
}

[Kash]

hi, erstmal hat das ziehmlich wenig mit programmierung zu tun.
und dann gibt es 'float:clear;' nicht.

wenn dann 'clear:left;clear:right;clear:both;'

[ajdan77]

Hallo,

Fehler gefunden, Textbereich war zu groß, jetzt klappt alles.
Danke für den Hinweis mit dem clear.....