Darstellungsprobleme in verschieden Browsern

  • Ich bin hier fast am verzweifeln. Beim erstellen unserer Vereinssite stoße ich fast an den Grenzen meines können. Ich arbeite mit Ebenen und versuche diese korrekt zu plazieren. Leider werden diese in verschiedenen Browsern unterschiedlich dargestellt. Nun meine Frage: Wie könnte man dies entgegnen?

    Hier mal die unfertige Version:

    http://geprellte-ebay-kaeufer.de/Platura/

    Ich wäre über jede Hilfe sehr dankbar!

  • Im IE7 kann ich momentan keine Verschiebungen erkennen.
    Allerdings sind deine Style-Angaben mehr als unübersichtlich und in diesem Umfang sicherlich auch nicht erforderlich.
    Ich vermute mal, dass deine vielen absoluten Positionierungen, die möglicherweise nicht aufeinander abgestimmt sind die Ursache sind.
    In diesem Beispiel

    Code
    div id="Layer1" style="position:absolute; left:715px; top:28px; width:90px; height:102px; z-index:12">[img]Pics/Head6.gif[/img]</div>

    ist der div nur 90px breit während du ein Bild mit 150px Breite einfügst.
    Ich würde dir empfehlen, dich noch etwas ausführlicher mit CSS auseinanderzusetzen und die Seite nochmal von Grund auf zu erneuern. Auf absolute Positionsangaben kannst du vollkommen verzichten. Dafür nutze die Float-Eigenschaften und margin-Werte. Für deine Seite sollten ca. 5-6 Layer ausreichen (Header, Navi, Content, rechte Spalte, Footer). Die vielen Stilangaben kannst du diesen Containern direkt zuordnen. Ebenso solltest du alle Formatierungen in die Style-Angaben im Headbereich oder noch besser in eine ausgelagerte CSS-Datei schreiben. Das macht die Sache übersichtlicher.
    Orientiere dich dabei an diesen Layout-Beispielen
    http://www.css4you.de/wslayout1/index.html
    http://www.stichpunkt.de/css/bereiche.html