CSS: Container im Container Vertikal zentrieren

moonbabe88 · 09.09.2009

Hallo,

ich habe ein Problem ich habe einen Container:

height: 580;
width: 540;
border: solid 1px #516e7e;

und der nächste Container darf keine feste größe haben soll aber dauerhaft egal welche größe er hat vertikal Zentriert sein......könntet ihr mir da vielleicht helfen???

2. Container

border: solid 1px red;

macmerlin1976 · 09.09.2009

AW: CSS: Container im Container Vertikal zentrieren

Dann mußt du dem ersten Container n text-align: center mit geben.
Dann sollte es funktionieren.

MyBad · 09.09.2009

AW: CSS: Container im Container Vertikal zentrieren

Hallo moonbab88!

Ich glaube das funktioniert leider nicht. Suche auch schon ewig nach dieser Möglichkeit. Bisher habe ich mir da immer mit einem table behelfen müssen.

Gruß
Tim

moonbabe88 · 09.09.2009

AW: CSS: Container im Container Vertikal zentrieren

soo....erstmal danke für die antworten.... ich habe jetzt ne vorläufige Lösung gefunden (funktioniert im Firefox aber nicht im IE:

1. Container
------------
#Frame {
height: 580;
width: 540;
border: solid 1px #516e7e;
display: table;
position: absolute;
overflow: hidden;
}

2. Container

#Display {
border: solid 1px red;
positon:absolute;
top:50%;
display: table-cell;
vertical-align: middle;
width:540;
}

und mein Html code ist :

<body>

<div id="Frame">
<div id="Display">Wetter</div>

</div>

</body>

sh0ck · 09.09.2009

AW: CSS: Container im Container Vertikal zentrieren

macmerlin1976 schrieb:
Dann mußt du dem ersten Container n text-align: center mit geben.
Dann sollte es funktionieren.

um hier weiterhelfen zu können, sollte man doch erstmal zwischen horizontal und vertikal unterscheiden können

css2 besitzt keine möglichkeit blockelemente vertikal zu zentrieren! aber durch geschickte kombinationen von eigenschaften ist dies durchaus möglich. hier eine variante die sowohl im internet explorer, als auch im mozilla funktioniert:
vertical alignment div

gruss chris