Folgendes Problem beim Erstellen einer Homepage:
CSS-basiertes Design mit Hilfe von Boxen (?) und dem div-Zeugs im HTML-Quelltext. Ich hatte das Design vorher komplett mit Tabellen und wollte das so übertragen, nur eben ohne Tabellen.
Dazu hab ich mehrere Boxen entworfen: eine für die Menüleiste ganz oben, dann eine für die Zeile mit dem Logo, darunter eine mit ner Kopfzeile für den Inhalt, dann eine für den tatsächlichen Inhalt, zum Schluss noch eine Fußzeile. Alle Boxen nehmen laut Definition 95% der Breite des Browserfensters ein.
In Opera und im IE sieht das Ganze auch recht ordentlich aus, genauso wie es mit Tabellen war. In Mozilla und Netscape ist die Inhalts-Box aber breiter als alle anderen, was zu unschönen Seitenrändern führt.
Zur Veranschaulichung:
Opera/IE
Mozilla/Netscape
Ich vermute, dass ich irgendwo unsauber geschrieben hab, obwohl die gesamten Angaben in der CSS-Datei für sämtliche Boxen weitgehend identisch sind und sich nur in Sachen Hintergrundfarbe und Rand (links, rechts, oben, unten) unterscheiden.
Achja, und der Befehl "body {text-align:center}" in der CSS-Datei wird ignoriert, soweit ich das sehe (sofern er auch für die div-Elemente gilt; wenn nicht, ist der Fehler gefunden und ich bitte um die Angabe des richtigen Befehls ). Wenn ich im HTML-Dokument selbst nicht nochmal den <center>-Befehl gebe, dann wird das Ganze linksbündig angezeigt, egal in welchem Browser.
Kann mir da vllt. jemand Abhilfe verschaffen? Wäre für jegliche Hilfestellung sehr verbunden.
Lesezeichen