Div-Layer nur mit CSS absolut / mittig zentrieren.

Okay, ich brauche auch mal wieder Hilfe! lach


Ich habe im Moment das Problem, dass ich einen Div 600px vom oberen Rand in der Horizontalen zentrieren muss. Als kleine Vorstellungs-Hilfe hier eine (schlecht gemachte) Skizze:

[img]http://i38.tinypic.com/9syl9x.jpg[/img]

Dort wo die 600px freier Platz sind habe ich bereits mithilfe eines anderen Divs ein (Hintergrund-)Bild positioniert. Der Div, den ich jetzt möchte, sollte nach unten hin eine variable Größe haben. In der Breite hat er eine feste Größe (die ich aber grade aus dem Steh-greif nicht nennen kann). Zieht man das Browserfenster nun größer, soll sich die Größe des Divs nicht verändern. Nur der Abstand nach links und rechts soll sich variabel ändern können, sodass der Inhalt in der Mitte bleibt - egal wie groß das Fenster ist.

Ich hoffe das war verständlich und ihr haut mich nicht, nur weil ich auch nicht alles wissen kann (oder einfach nur auf dem Schlauch stehe).



Gruß, Kat

Ich muss sagen, dass ich das so ganz, noch nicht wirklich verstehe aber mal so ein vorsichtiger Vorschlag.

Umschliessenden Kontainer her nehmen, Inhalt da rein Stopfen und ihm zugleich eine Breite geben, die alles mit einschliesst. Den Inhalt, versiehst du mit einem margin:600px 25% 0 25%; das duerften dann, wenn ich es richtig verstanden habe, immer einen Abstand von 25% nach links und rechts zum umschliessenden Kontainer generieren, was dir im Umkehrschluss 50% fuer den Inhalt ueber laesst.

Erschlagt mich, wenn ich jetzt was falsches gesagt hab. lach

Der Mann, auf den ich gewartet habe. lach

Nein, ich denke mal der Weg an sich war richtig. Nur hat der Inhalts-Container ja keine 50%ige Breite, sondern.. was weiß ich, 450 Pixel. Wie macht man das dann? *hust*


Gruß, Kat

Okay, Problem hat sich eben dank huendchens Hilfe im Chat gelöst. Richtig war die Lösung so:

• <div style="position:absolute; top:600px; margin-left:25%; margin-right:25%; width:450px;">TEXT</div>

Ich sag ja, ich stand auf dem Schlauch.. ich hatte es exakt so, nur hatte ich statt 25% eben überall 50% - wieso? Keine Ahnung. *g* Der Thread kann also (von mir aus) geschlossen werden.


Gruß, Kat

Mal ne Frage noch dazu ..

Wiso eigenltich nicht gleich .. margin:0 auto;
oder fuer den umschliessenden Container ein text-align:center

Du schiebst ja mit der oberen Anweisung auch nur den Inhalt in die optische Mitte.

Dann bräucht ich noch einen umschließenden Container mehr. Den erspare ich mir so. Und solange das so funktioniert, ist es ja auch okay. *g*
Aber wäre es bei der Lösung nicht so, dass der Container dann vertikal auch in der Mitte wäre? Und das möchte ich ja nicht. Er soll ja direkt 600px vom oberen Rand entfernt sein. Und an den unteren Rand (je nach dem wie viel Inhalt drin ist) direkt anschließen.


Gruß, Kat

/* rauseditiert */
Ist es nicht genau das was du im Prinzip haben willst?


Wenn du doch deinem Inhaltskontainer keine explizite Hoehe mitgibst, dann waechst er mit dem Inhalt mit und wie man voreingestellte Browservoreinstellungen bezueglich der jeweilligen Elemente resetet solltest du doch wissen oô' ( prolog -> *{margin:0; padding:0;} )

Ja, das soll er ja auch. Nach unten hin. Vom oberen Rand soll er ja trotzdem 600px entfernt sein, und beim nach unten scrollen aber nicht fixiert, sondern mitlaufend.
Und ich hab das grade getestet... wenn ich margin-left und right auf jew. 25% setze, macht er rechts Mist, wenn ich das Fenster verkleinere. Irgendwie scheint das doch nicht so zu funktionieren. Ich probier mal deinen anderen Lösungsvorschlag.


Gruß, Kat

ehrlich gesagt fehlt mir da noch ein bisschen der Zusammenhang dazu .. was du letztendlich damit erreichen willst. Gut du hast zwar die Grafik aber .. hmm .. verstehen tu ich es zumindest trotzdem nicht .. die Loesung wird ohnehin .. wieder was total einfaches sein zwinker

Wie Recht du hast... und was ein klärendes Gespräch über MSN so bringen kann, was? *g*

Nun kann aber endlich geclosed werden. bäh



Gruß, Kat

Und ob.Bei euch script freaks kann ja sowieso niemand mithalten lach

Verbitte ich mir doch sowas!
Ich bin doch kein Freak, nur weil ich mich fuer etwas interessiere und womit ich mein Geld verdiene. Du wuerdest doch zu einem Arzt, der sich von der Allgemeinmedizin hinweg bewegt und sich fuer Herzchirurgie begeistern kann doch auch nicht einfach mal so freak sagen. Es ist eben nicht mehr als Begeisterung.

Dem komme ich dann hiermit nach. glücklich

Und seid lieb zueinander! Alle die in Knuddels chatten sind Freaks, so einfach is das! zwinker

Toby.