HP wird im IE7 richtig im aktuellen FF "falsch" an

    Hallo zusammen

    Ich bin in Sachen Homepage mit "css" absoluter Anfänger und will behutsam vorgehen. Deshalb melde ich mich hier schon am Anfang. Vielleicht bekomme ich den einen oder anderen goldigen Tipp. Ich bin sonst eher im Bereich Office und XP Installation tätig, möchte mich aber in CSS einarbeiten, um vielleicht später einfache Websites für Kunden erstellen zu können. Ein absoluter Web-Profi will ich nicht werden, dazu habe ich auch keine Zeit.

    Konkret: Mein aktueller Vorentwurf http://www.computerfranz.ch produzierte schon ein 1. Problem. Der FF zeigt den Text "Was ich nicht..." linksbündig an und der IE7 mittig, wie ich es eigentlich wollte.

    Weiss jemand woran das konkret liegt?

    Denkt ihr, das ich auf gutem Wege bin, etwas Solides auf die Beine zu stellen, oder mache ich etwas grundsätzlich falsch?

    Bin gespannt auf euren Kommentar und danke euch jetzt schon.

    Es grüsst der Franz

    Zitat von optimfish

    Der FF zeigt den Text "Was ich nicht..." linksbündig an und der IE7 mittig, wie ich es eigentlich wollte.


    Fragst Du dich eigentlich nicht, warum der IE das so macht?
    Ich finde nix im Code das ihm das sagen würde. Viel mehr "vererbt" er wohl fälschlicher Weise das text-align:center an tiefer genestete Elemente weiter.

    Mein Vorschlag, erweitere folgenden Eintrag um ein text-align:center;

    Zitat

    #contents p { line-height: 165%; text-align:center;}


    Zitat von optimfish

    Denkt ihr, das ich auf gutem Wege bin, etwas Solides auf die Beine zu stellen, oder mache ich etwas grundsätzlich falsch?


    Wenn Du den Table noch aus dem Kopf nimmst, bist Du schon auf einem guten Weg. Und geh niemals davon aus, dass das was der IE baut das im Zweifel richtige ist. Der IE ist auch in der 7er Version der rückständigste der modernen Browser (von man ihn überhaupt zu den Modernen Browsern zählen möchte) und voll mit Darstellungs-Bugs.

    Ansonsten helfen Validatoren auch bei der Erstellung von Seiten (html/css):
    http://www.validom.org

    Immer gut: http://de.selfhtml.org
    Und gerade was modernes Webdesign angeht:
    http://jendryschik.de/wsdev/einfuehrung/