Problem mit Ausrichtung von Text neben floatendem div Elemen

  • Hi
    Ich habe versucht mein Layout mit divs zu machen, da hier so viel auf die Tabellen geschipft wird. Ist mir aber nur in wenigen Fällen gelungen die Tabellen zu verbannen, da sie oft das schönere Ergebnis liefern.
    Nun zu meinem Problem:
    http://mitglied.lycos.de/albufeira02/
    Im Menüpunkt Filme bei On the edge, habe ich die Tabelle durch 6 divs ersetzt. Bei der Tabelle wurde der erklärende Text -damals nur rechts-, der nun rechts bzw. links steht, weshalb mir hier die divs besser gefallen, automatisch mittig neben dem Video ausgerichtet. Bei den divs aber wird der Text ganz oben nebens Video gesetzt. Dieser würde mir aber besser mittig gefallen. Habe es auch schon in beiden divs mit valign="middle" versucht, brachte aber keinen Unterschied.
    Wie kann ich mein Problem lösen?

  • versuchs mit absolut positionierten divs:

    Code
    <div style="position:absolute;top:100px;left:100px;width:100px;height:100px;float:left;overflow:auto;">
  • In diesem Fall müsstest du abhängig von der Texthöhe einen margin-Wert definieren, z.B. so:

    Code
    <div style="float:left;">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="380" height="406" id="FLV" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="wmode" value="transparent">
    <param name="movie" value="http://www.myvideo.de/movie/1330499" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed wmode="transparent" src="http://www.myvideo.de/movie/1330499" quality="high" bgcolor="#000000" width="470" height="380" name="FLV" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
    </div>
    <div style="background-color:red;margin-top:140px;">[b]Teaser:[/b]
    Ein schnell geschnittenes Actionfeuerwerk, das einen guten Eindruck vom Film vermittelt.</div>
    <br clear="all">


    Dabei habe ich den Filmcontainer etwas verschälert, so dass für den Text mehr Breite bleibt. Dieses Verfahren ist aber recht umständlich, da die Textlänge variieren kann.
    Da es sich hier eher um eine Gliederung als um ein Layout handelt, würde ich ausnahmsweise bei einer reinen Tabelle bleiben.

  • hm
    ist wirklich alles recht umständlich.
    Bei Tabellen müsste ich aber auch 3 Tabellen machen, da ja der Text mal rechts und mal links stehen soll und somit die Spaltenbreite nicht einheitlich ist. Ist irgendwie auch keine befriedigende Lösung.

    Warum gibt es denn bei divs kein valign="middle"? Wäre doch echt ne Überlegung wert, das bei der nächsten html/css Verison mit aufzunehmen.