Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
ajdan77
Threadersteller
Dabei seit: 06.10.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 15.05.2008 00:39
Titel [HTML/CSS] Probleme mit IE6, Text rutscht weg |
|
|
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
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 15.05.2008 09:16
Titel
|
|
|
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;'
|
|
|
|
|
Anzeige
|
|
|
ajdan77
Threadersteller
Dabei seit: 06.10.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 15.05.2008 10:46
Titel Fehler gefunden - Textbereich war zu groß... |
|
|
Hallo,
Fehler gefunden, Textbereich war zu groß, jetzt klappt alles.
Danke für den Hinweis mit dem clear.....
|
|
|
|
|
|
|
|
Ähnliche Themen |
text innerhalb eines divs rutscht runter
Div rutscht in anderen Div
Html und CSS Probleme
Probleme mit Html
probleme mit html
Text einzug in HTML?
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|