nicht angemeldet
So, jetzt müssten nur noch ein paar CSS-Angaben ergänzt werden... Ich hab bald so ziemlich alle Kombinationen durch, aber nie bekomme ich das gewünschte Ergebnis :( Mit der oben geposteten Kombination sind die beiden Sachen immerhin nebeneinander, aber es ist noch ein Rand nach unten, und die Überschrift ist nicht vertikal mittig.
Das ganze in xHtml Strict 1.0 und CSS 2.1...
Das entscheidet der Browser... ;)
Wäre super, wenn ihr mir da helfen könnet, ich verzweifle langsam echt daran...
Vertikale Zentrierung bekommst du eigentlich verlässlich nicht hin.
Wenn du den Bilschirm schmaler machst ist auch die horizontale Zentrierung problematisch,. Bei breiten Bildschirmen wird der Text neben dem Logo dargestellt, und die Zentrierung scheint dann eher ein Padding zu bewirken.
Bei schmalen Bildschirmen ist aber die zentrierung auf die ganze Viewportbreite bemessen, und dort, wo jetzt ein Erscheinen unter dem Bildschirm wünschenswert wäre, erscheint das der titel dann eher diagonal versetzt. Das wäre zu lösen, indem man auf text-align:center verzichtet, aber dem Bild einen margin-right geben würde.
Nun zu vertical-align. Du bekommst es nur, indem du ein Hilfemelemt um das <h2> Element nimmst, und diesem eine absolute Höhe im betrag der Bildhöhe zuweist, und ihm position:relative gibst.
Nun kannst du <h2> absolut positionieren(position:absolute). Du gibst ihm ein top: im Wert der halben! Bildhöhe, aber ein negatives! margin-top: 50%;
Das ist jetzt eine gänzlich ungetestete Beschreibung.
mfg Beat