Antworten auf deine Fragen:
Neues Thema erstellen

CSS: Container im Container Vertikal zentrieren

moonbabe88

Nicht mehr ganz neu hier

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

Aktives Mitglied

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

localhorst

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

Nicht mehr ganz neu hier

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

PST-SURVIVOR

AW: CSS: Container im Container Vertikal zentrieren

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.479
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben