Design im IE nicht zentriert

Das HTML ist auch nicht so ganz astrein.

Auf der Startseite ist das div id="outer" nicht geschlossen, vielleicht funktioniert's ja schon wenn Du das "reparierst". Und ein paar andere Flüchtigkeitsfehler sind auch noch drin.

Aber bevor Du Dir allzu viel Mühe machst - probier's mal so:

Gib dem Body im Stylesheet zusätzlich zu den anderen Werten die Eigenschaft text-align: center - Wenn dann Deine gesamte Seite zentriert ist, gibst du #outer halt wieder text-align: left.

Das sollte normalerweise hinhauen.

"position absolute" interpretieren die meisten Browser unterschiedlich. Macht aber nix - Einfach Werte eintragen, also beispielsweise top: 30px; right 0px; Dann machen die (meistens) schon, was man haben möchte.

Wenn Du keine Positions-Werte einträgst, setzten einige Browser das Element in etwa dort hin, wo es sonst auch gewesen wäre - andere gehen bei "absolute" immer von "oben null" und "links null" aus.

Dieselben Ergebnisse erreicht man jedenfalls nur, wenn man eine präzise Angabe schreibt.

Übrigens aufpassen - Der Netscape kann einen manchmal ganz schön ärgern. Wenn man im Netscape irgendetwas innerhalb eines gefloateten Elementes absolut positioniert, wird "eins weiter außendrum" als Referenz genommen, egal ob das Element direkt außendrum absolut, relativ oder überhaupt nicht positioniert ist ...

... Hab zufällig grad eine etwas längere Nacht hinter mir - eines der Probleme war, ein Preisschild an die linke untere Ecke von lauter Shop-Produkt-Bildern zu kriegen. Bei absoluter Positionierung haben alle Preisschilder in der selben Shop-Ecke geklebt, Relativ verschieben ging auch nicht, denn bei Netscape lassen sich relativ verschobene Links nicht mehr anklicken, wenn sie außerhalb des Eltern-Elementes sind ... Ätzend. So ziemlich das erste Mal, dass ein anderer Browser als der IE Schuld an ungefähr 250 Zigaretten und dreieinhalb Millionen Tassen Kaffee war ...

Also der /DIV wird wohl ganz am Ende fehlen, footer.php?

<div id="footer">
			<div class="left"><strong>FC Tönisheide 1913 e.V.</strong>. &copy; 2007 All rights reserved.</div>
			<div class="right"><a href="http://wpthemepark.com/themes/fallseason/">WordPress Themes</a> based on a design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree</a></div>


				</div>

Kommt das daher? Dann mach mal da einfach noch ein </div> ran.

neee ... lass das mal mit den Zugangsdaten. Quellcode von der Startseite runterladen und CSS-Datei holen - tut's ja auch schon. Muss nur gleich weg, vielleicht heut abend wieder ... aber vielleicht hast Du's bis dahin ja auch schon.

Grundsätzlich ist es immer ein bisschen schwierig, sich durch Styles durchzuwühlen, bei denen sich ANDERE Leute als man selbst die Gedanken gemacht haben. Und wenn's um Thematiken wie "Abstand stimmt nicht" geht besonders - Das kann wirklich viele, viele verschiedene Ursachen haben - Die Dinger heißen ja nicht umsonst "Cascading" Stylesheets ... Und abgesehen von den ganzen Browser-Unterschieden wäre das auch nicht unbedingt viel einfacher, wenn sie alle gleich reagieren würden ...

Tipp: Bau Dir übergangsweise ein paar "Hilfen" ein ... Gib dem "problematischen" Element und den Elementen in der Nähe einfach mal Hintergrundfarben. Möglichst hässliche, unterschiedliche Sch... Farben ... und border alle auf Null setzen.

Dann dürfte Einiges sehr viel deutlicher werden:

DANN erst weißt Du nämlich, wie breit und wie hoch die Überschrift ist. JETZT weißt Du nur, dass die Schrift nicht dort erscheint, wo Du sie haben willst. Aber ob der AUSSEN oder INNENabstand nicht stimmt - kann man ohne HG-Farbe nicht erkennen. Vielleicht liegt's ja auch an der Zeilenhöhe? Am text-align?

Eine Überschrift ist nämlich nicht nur da, wo die Schrift zu sehen ist. Das Element kann auch viel größer sein Oder kleiner. Im extremfall sogar ganz woanders als die Schrift ... Wenn man das Stylesheet nicht selbst geschrieben hat und noch nicht ganz durchgestiegen ist - Kann man entweder probieren (klappt meistens) - aber wenn man auf Probleme stößt, muss man über kurz oder lang doch das Stylesheet schritt für schritt durchsteppen ... Denn die meisten Stylesheets sind mit irgendwelchen Tricks gemacht, die manchmal komplett zusammenbrechen, bloß weil man irgendwo eine Breite geändert hat - und dann alles mögliche andere nicht mehr "zusammenpasst" ...

Nachtrag - Hab mir Dein Sheet noch nicht angeguckt - aber Tipp ... der so ziemlich "häufigste IE-Abstand-Fehler":

<div><h1>Lalala</h1></div>

Angenommen h1 hat nen Außenabstand von 50 Pixeln (margin) nach links ... der verdoppelt sich bisweilen. Zum Beispiel wenn die h1 auf "float: left" steht.

... Oder (in manchen Fällen) wenn sie durch andere Elemente "verdrängt" wird, die ihrerseits wieder Abstände haben

... das Logo-Bild könnte da an solchen "Verschiebungen" durchaus schuld sein. Also nicht nur an der h1 rumschrauben ...

:-)

Zitat von CommanderL

Olafb
Am Footer habe ich nichts geändert. Habe dort jetzt trotzdem mal den /div - Tag gesetzt. Muß aber weiterhin den Tipp von pufaxx, in seinem ersten Beitrag befolgen, damit der IE7 die Seite zentriert anzeigt.

Der Fehler ist damit erst mal behoben, Glückwunsch ;)
Das mit dem zentrieren lass man so, das wirkt nämlich gleichzeitig auch beim IE<6, jetzt sollte es auch da zentr. sein.

Zum Header, ist wieder mal total overdressed, warum lässt der Autor die Elemente nicht einfach fließen :(
Da braucht nix positioniert zu werden. Leider hab ich jetzt auch nicht die Muße/Zeit danach zu schauen, vielleicht später, teile bitte deinen Stand hier mit wenn du selber was erreichst.