Ergebnis 1 bis 5 von 5

Thema: <div> Element vertikal zentrieren

  1. #1
    Teeny
    Registriert seit
    21.12.2006
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard <div> Element vertikal zentrieren

    Hallo,

    ich habe ein Problem beim gestallten einer Seite. Ich habe ein <div> in dem sich <table> und

    Elemente befinden. Nun möchte ich dieses <div> vertical auf meiner Seite zentrieren.

    Achja das <div> Element befindet sich in einer Tabelle, die die Seite auf eine Breite von 600px reduziert.

    <table><tr><td>
    <div> ... </div>
    </td></tr></table>

    Mir ist bewusst, dass dies schlecht gelöst ist, habe aber gerade keine Zeit, eine bessere Lösung umzusetzen.

    Nun möchte ich das <div> Element und dessen Inhalt innerhalb des <td> Elements vertival Zentrieren. Wie kann ich das tun? Mit

    style="valign:middle" oder style="vertical-align"

    hat es nicht funktioniert.


    Gruß

    Tikonteroga
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hm.... schaumal wie groß deine tabelle is.
    vermutlich musst ihr die breite von 100% geben.

    dem div hast ja schon 600px zugewiesen...

    dann kommt noch ins td align="center" valign="middle"
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Meister(in)
    Registriert seit
    27.04.2006
    Ort
    Wien
    Beiträge
    263
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    du kannst ein div zentrieren indem du einen Aussenabstand (margin) definierst und den Abstand links und recht in pixel gleich angibst.

    Beispiel:
    .klasse {margin: 0 40px;}

    <div class="klasse">sollte dann zentriert sein</div>

    wenn du nur einen Textabsatz zentrieren willst kannst du das auch so machen:

    .klasse {text-align:center;}

    <p class="klasse">Ist ganz sicher zentriert</p>

    So mach ich das bei meinen Seiten zumindest so, allerdings setzte ich überall auf absolute Positionsangaben (also pixel, nicht prozent). Die richten Werte musst du dir halt ausrechnen

  4. #4
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hmmm....

    1. dachte ich die Frage wäre nach einer vertikalen Zentrierung und nicht nach einer horizontalen ?
    2. Div-Tags kann man nicht vertikal zentrieren, das kommt evtl. mit CSS 3
    3. wozu überhaupt einen Div-Tag, wenn du doch schon ein Elternelement (die Tabellenzelle) hast, welche dann auch noch von ganz allein vertikal zentriert ist ?

    wundert sich mal wieder ...

    Ronald

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    21.12.2006
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo,

    danke für die Lösungsvorschläge. Ich habe das <div> Element entfernt und das <td> Element als Elternelement benutzt, um dessen Inhalt vertical zu zentrieren. Es hat also geklappt, vielen Dank nochmal.

    Wenn meine Vorgehensweisen manchmal dem Einen oder Anderen komisch vorkommen, bitte ich um Nachsicht. Ich bin auf dem Gebiet HTML noch sehr neu und unerfahren.

    Gruß

    Tikonteroga

Ähnliche Themen

  1. Schrift vertikal zentrieren
    Von Macrosdesign im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 16.07.2008, 18:48
  2. Vertikal zentrieren
    Von schrepfer im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 08.04.2008, 17:21
  3. Website Vertikal Zentrieren
    Von echo91 im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 12.10.2006, 17:06
  4. Tabelle vertikal zentrieren
    Von step5 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.09.2005, 15:54
  5. Flash vertikal zentrieren
    Von McMetzger im Forum Flash Forum
    Antworten: 6
    Letzter Beitrag: 21.09.2004, 10:43

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •