FunnyDingo: DIV vertical u´zentriert zum parent DIV

SELF-Forum

DIV vertical u´zentriert zum parent DIV

FunnyDingo
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich habe da ein kleines Problem mit DIVs das ich nicht gelöst bekomme. So sieht der XHTML-Code aus:

<div class="boarder"><p class="headline">Überschrift</p>
<div class="pics"><img src="pic1.jpg"/><img src="pic2.jpg"/></div>
<p>Noch etwas mehr Text</p></div>

CSS sieht so aus:

div.pics {
    float:right;
}

.border {
    border:dotted 2px #808080;
}

Nun würde ich gerne, dass die DIVs der Klasse "pics" vertical zentriert  zum DIV der Klasse boarder liegen. Links habe ich dann meine Text und rechts immer ein paar Bilder, wobei die Bilder aber immer vertical zentriert zum Text sind. Ich habe das mal versucht in dem ich den div.pcis einfach um ein "vertical-align:middle;" erweitere, aber das funktioniert nicht.

Hat jemand nen passenden Hinweis für mich?

Gruß, Dank im vorraus!
Funny

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. DIV vertical u´zentriert zum parent DIV

    nag (unreg)
    – Informationen zu den Bewertungsregeln

    Hallo

    Hat jemand nen passenden Hinweis für mich?

    http://www.google.de/search?hl=de&q=css+vertical+center&meta=

    gruß
    nag

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. DIV vertical u´zentriert zum parent DIV

      Seltermann
      – Informationen zu den Bewertungsregeln

      Hi FunnyDingo,

      mit xhtml ist das so eine sache. Probier mal folgenden DocType:
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      Bei dir steht bestimmt der DocType für xhtml. Einfach austauschen und als html-Datei speichern, dann müsste es funktionieren.

      Gruß
      Seltermann

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln