Div's mit CSS vertikal und horizontal zentrieren

senor_coconut

Aktives Mitglied
Thread Starter
Dabei seit
07.01.2006
Beiträge
216
Reaktionspunkte
4
hallo,

ich suche eine möglichkeit eine div box via CSS vertikal und horizontal zu zentrieren (ohne tabellen)

vorschläge?
 
arghhhh ich schaff's doch nicht.kann jemand helfen?
 
HTML:
#box {
        position: absolute;
        width: 780px;
        height: 385px;
        margin:-100px 0px 0px -200px;
        top: 50%; 
        left: 50%;
        text-align: left;
        background-color: #FFFFFF;
        padding: 0px;
        overflow: auto;
}
 
Ah mir fällt grad auf, dass es für die vollständige zentrierte Positionierung
noch eine bessere Lösung gibt. Bei dieser verschwindet die Box nach links,
wenn man das Browserfenster ganz schmal macht.
Ich such sie dir mal raus, momental bitte :)
 
Ich bin kein Spezialist, aber ich würde es mal so probieren:

Code:
#box {
        position: absolute;
        width: 780px;
        height: 385px;
        margin-left:-390px;
        margin-top:-192,5px;
        top: 50%; 
        left: 50%;
        text-align: left;
        background-color: #FFFFFF;
        padding: 0px;
        overflow: auto;
}

mfg
natsuki
 
edit... blödsinn verzapft
 
lea schrieb:
natsuki, probiers mal aus, wenn du den Browser so horizontal kleiner machst
als der positionierte div breit ist, dann schiebt es dir den div nach links aus
dem Fenster raus (glaub ich zumindest)
lea

ja, stimmt, wird rausgeschoben.

mfg
natsuki
 
rechtsklick -> quelltext:
position:absolute;
height:200px;
width:400px;
margin:-100px 0px 0px -200px;
top: 50%;
left: 50%;

text-align: left;
padding: 0px;
background-color: #f5f5f5;
border: 1px dotted #000000;
overflow: auto;
das ist aber gemogelt und nicht in der mitte!
 
endlich gehts!was meinst du damit das es nicht in der mitte ist?
 
Zurück
Oben Unten