Div's in einer Tabelle unabhängig von der Größe zentrieren

Dieses Thema im Forum "Webdesign" wurde erstellt von osiris, 16. Oktober 2013 .

  1. 16. Oktober 2013
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    moin moin..

    Hab gerade ein kleines Problem, habe ein stink normale Tabelle, wobei in einer Zelle ein Bild links zentriert und der Text rechtszentriert sein soll.
    Wobei der Text meist nur aus 2 - 3 Wörtern besteht.

    Alles kein Problem, hab das ganze einfach mit div's gelöst.

    Jetzt hätte ich das ganze aber gerne noch vertikal zentriert und zwar unabhängig von einander, sprich: es soll beides immer zentriert sein.

    Das Bild ist eigentlich immer größer, als eine Zeile, das Bild wird auch immer schön zentriert dargestellt, allerdings der Text rechts daneben ist immer auf Höhe der oberen Kante zu finden.

    Code:
    <table>
     <tr>
     <td>
     </td>
     <td style="vertical-align:central">
     <div style="display:block; text-align:left; float:left;">Linksbündiges Bild</div>
     <div style="display:block; text-align:right;">Rechtsbündiger Text</div>
     </td>
     </tr>
    </table>
    
    Pseudocode, noch zusätzlich zur Veranschauung folgendes Bild (mad Paint Skills!)

    Bild
     
  2. 16. Oktober 2013
    AW: Div's in einer Tabelle unabhängig von der Größe zentrieren

    Code:
    <td style="vertical-align: [s]central[/s] middle">
     
  3. 16. Oktober 2013
    AW: Div's in einer Tabelle unabhängig von der Größe zentrieren

    <td style="vertical-align:middle">

    Selbes Resultat.

    Das central wurde übrigens von Dreamweaver vorgeschlagen ;(

    Danke schonmal trotzdem
     
  4. 16. Oktober 2013
    AW: Div's in einer Tabelle unabhängig von der Größe zentrieren

    gib mal den beiden Bildern noch das vertical-align: middle;
    Evtl musst Du dann dem <td> vertical-align: top; geben.

    Teste das mal!

    Gruß
    gl
     
  5. 17. Oktober 2013
    AW: Div's in einer Tabelle unabhängig von der Größe zentrieren

    Nope, ist leider immer noch beides auf der oberen Kante
     
  6. 22. Oktober 2013
    AW: Div's in einer Tabelle unabhängig von der Größe zentrieren

    gibt den zweiten div einfach mal ein float:right mit obwohl ich mich frage warum du divs in einer Tabellenzelle benutzt.
     
  7. 23. Oktober 2013
    AW: Div's in einer Tabelle unabhängig von der Größe zentrieren

    Wie sollte ich es sonst anstellen? Mir fiel nichts anderes ein, vielleicht mit span?!

    Das eine soll Links, Vertikal zentriert sein, das andere Rechts, vertikal zentriert.
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.