Christoph Schnauß: CSS-Container gleiche Höhe

Beitrag lesen

hallo Mario,

Der "Fehler", den Mario begangen hat, liegt darin, daß er für seine DIV's einmal "margin-left:-380px;" und beim anderen "margin-left:-234px;" angegeben hat. Wenn man DIV's absolut positioniert, folgt auf die Angabe "position:absolute" zwingend die Zuordnung für "left"  -  und "margin" hat hier _für die Positionierung_ keinerlei Aufgabe (wohl aber für die Randbreiten der damit formatierten HTML-Elemente, bloß: wenn man Randbreiten definiert, hat man an der Positionierung noch nix verändert).
Diese etwas merkwürdig scheinenden Angaben bewirken, dass die Container auf dem Bildschirm zentriert werden.

Nein, das bewirken sie nicht. Aber die "Pseudo-Anzeige", die du im Internet Explorer zu sehen bekommst, wirkt so, und es wird sich auch kein Seitenbesucher beschweren  -  trotzdem ist es halt nicht korrekt. Schau dir bloß mal die unterschiedlichen Anzeigen in mozilla/Netscape und IE an.

Allerdings hat du einen "Trick" erfunden, der dir wohl erstmal das vorspiegelt, was du gerne sehen möchtest.

Das Layout hat eine Breite von 760 Pixeln

Und das ist eigentlich dein Problem. Obwohl solche Breitenangaben auf sehr vielen (und leider auch auf "großen") Seiten vorkommen, sind sie nicht sehr sinnvoll. Du solltest Breitenangaben tatsächlich in Prozent machen  -  bei Höhenangaben für ein DIV ist das nicht so problematisch, weil man leichter "nach unten" scrollt als nach rechts, falls die eigene Bildschirmdarstellung eben auf kleinere Fensterbreiten als 760 Pixel eingestellt ist (bei mir ist das zum Beispiel der Fall). Außerdem sind "Pixel" nicht auf jedem Monitor exakt dasselbe.

Diese Angabe zentriert z.B. den Kopf der Seite

Nochmals: nein, hier wird nichts "zentriert". Es wird nur in Pixeln gerechnet und es wird eine bestimmte Bildschirmauflösung und eine ganz bestimmte Browserfenstergröße vorausgesetzt, in der das so _aussieht_, selbst wenn es nicht wirklich so ist.

Zum besseren Verständnis habe ich die Seite mal verlinkt.

Ein ganz kleiner Hinweis, den du bitte künftig beherzigst: du hast deine Seite nicht "verlinkt", sondern im posting-Formular bei "URL (optional)" unten angegeben. Das ist zwar ein bequemer Weg, aber genau dafür ist dieses Formularfeld eigentlich gar nicht vorgesehen. Wenn du noch nicht weißt, daß eine exakte Verlinkung deiner Seite so aussieht: http://2003.auefans.com/, schaust du dir bitte mal die </faq/> zum Forum gründlich an.

Grüße aus Berlin

Christoph S.