nicht angemeldet
Hallo,
ich habe mich an float:left versucht und bin auf ein Problem gestoßen.
Ich habe versucht mein Layout abstrahiert so zu gestalten:
<div für rahmen>
<div>headbanner</div>
<div style="float:left">navi</div>
<div>inhalt (hier include-tag)</div>
<div style="clear:left">footer</div>
</div>
Das hat als vollständiger Code auch wunderbar geklappt.
Alle <div> wurden relativ positioniert - nur der "rahmen" ist absolut positioniert worden.
Ich habe beim "inhalt" z.B. einen Include oder einfach Text gesetzt.
Hier gibt es nun ein Problem, dessen Urgrund ich nicht finde.
Im Firefox wird der Text nicht richtig angezeigt (Breite stimmt nicht), im Internet Explorer z.B. geht es kurioserweise richtig :/
Ich nutze ein "border-bottom: 1px solid #E0E0E0;" für Klasse "header" (hier: Überschriften), damit ein Absatz <p class="header">Titel</p> eine hellgraue Unterstreichung erfährt.
Auch hier habe ich im Firefox das Problem, dass die graue Linie bereits in der "navi"-<div> beginnt und dafür zu früh aufhört.
Ändere ich aber die Werte für "left:" ab, rutscht mein ganzer Textbeginn weiter nach rechts (zu weit nach rechts, sobald die hellgraue Linie stimmt).
Wenn die HTML aber über Include aufgerufen wird, ist eben diese hellgraue Unterstreichung seltsamerweise nicht mehr auf das <div> mit dem Content beschränkt, sondern zieht sich zusätzlich auch noch ungewollt durch die Navigations-<div> hindurch...
Insgesamt komme ich einfach nicht weiter mit der Sache und hoffe, ihr könnt mir dabei weiterhelfen.
Hier ist die Seite: http://gamegod.bplaced.net/html/testindex.php
Nur HTML: http://gamegod.bplaced.net/html/Untitled-4.html
Stylesheet: http://gamegod.bplaced.net/html/style3.css
So _sollte_ es aussehen (schlussendlich sollte es etwas zentrierter in der rechten Abteilung sein): http://img257.imageshack.us/my.php?image=unbenannt1if7.jpg
So zeigt der Firefox es an:
http://img84.imageshack.us/my.php?image=unbenannt1xc7.jpg
Ich würde mich über eine Antwort sehr freuen.
Herzlichen Dank.
mfg
Tales