Willkommen in der Webstatt Zum Webstatt Blog und Stories
Dinkel Dinkel am 15.03.06 13:24

Ist es irgendwie möglich, dass man ein DIV komplett in der Fenstermitte anzeigen lassen kann? Also dass man nichts mit margin-top und margin-left oder so was das Ding positioniert...

wenns per CSS nicht geht, gerne auch per JS oder was weiß ich ;)

netcup.de Warum gibt es hier Werbung?
sebastian am 15.03.06 13:34

ein div per js in der mitte positionieren?

aha, warum nimmst du nicht ne tabelle oder so?!

Dinkel Dinkel am 15.03.06 13:36

ich mein komplett mittig, also vertikal und horizontal...

moloch moloch am 15.03.06 13:38

sowas? http://www.intensivstation.ch/files/templates/temp11.html

Michael Michael am 15.03.06 13:39

Nein keine Tabelle nehmen. Aus der Zeit sind wir zum Glück - fast - alle raus.

Hat das Div eine feste Breite und Höhe?

Dinkel Dinkel am 15.03.06 13:40

genau das... wie geht denn das?

milahu milahu am 15.03.06 13:42

Quote
Original von Dinkel
genau das... wie geht denn das?

Guckstu Quellcode...

Dinkel Dinkel am 15.03.06 14:16

ups... peinlich, logisch ;)

Dinkel Dinkel am 15.03.06 14:20

Quote
Original von Michael
Hat das Div eine feste Breite und Höhe?


ja hat es. Und mit dem aus dem Lin khab ich das Problem, dass der da die obere linke Eckt auf die Position legt, das heißt, dass das DIV (da 900px breit) zum Teil aus dem Fenster geschoben wird.

leo am 15.03.06 15:32

http://scholz-webdesign.de/css/demo/zentrieren/
ist grundsätzlich dasgleiche, gibt aber ne erklärung im source-code.

hat was mit halben breiten / höhen und negativem margin auf sich.

gruß, leo

assassin am 16.03.06 09:55

Kleiner Input zu dieser Version:
Ändert man die Fenster grösse im Opera zentriert sich das Objekt erst wieder nach einem Refresh.

Ansonsten funktioniert diese Version sehr gut.

leo am 16.03.06 10:24

http://d-graff.de/fricca/center.html da gibts auch ncoh nen recht netten hack, der ein ganz anderes prinzip verfolgt.
die unterstützten browser sind rechts aufgelistet. bei der unterstützung ist allerdings auf den momentanen doctype zu achten.

gruß, leo

Julian am 16.03.06 10:31

Reicht folgendes nicht schon aus?
Irgendwie hab ich in Erinnerung, dass es auch so funktioniert.
<div style="margin: auto; width: 100px;">zentriert</div>

dookie dookie am 16.03.06 14:34

Quote
Original von Julian
Reicht folgendes nicht schon aus?
Irgendwie hab ich in Erinnerung, dass es auch so funktioniert.
<div style="margin: auto; width: 100px;">zentriert</div>

Damit wird der Container aber nur horizontal zentriert.

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt