button im div-container formatieren

  • Hallo!

    Habe einen DIV, in dem ein Button angezeigt wird, der wiederum auf ne andere Seite verlinkt.
    soweit alles prima.

    Nur: der Linktext wird nicht korrekt vertical mittig platziert.

    HTML Container
    <div class="hnav1-3">
    <a class="menu" href="http://xxxxxxx" target="_blank">Webansicht</a>
    </div>


    CSS
    a.menu {display:block; color:#ffffff; font-size:26pt; font-weight:bold;}
    .menu {width:255px; background-color:#c8c8c8; margin:25pt 0pt 10pt 0pt; font-size:26pt; vertical-align: middle;}

    Hier die Seite, damit Ihr seht was ich meine: http://www.m.dav-oy.de (ziemlich unten)

    Jemand ne Idee?
    Danke Euch, h.

  • Vertikales Zentrieren ist in CSS immer noch relativ kompliziert. vertical-align funktioniert leider nur in tabellenzellen. D.h. un es zu verwenden, musst du .menu auch noch display: table-cell verpassen, je nach Browser brauchst du um dieses Element noch ein Element mit table-row und eins mit table.

    Für alternative Zentriermethoden siehe http://www.ohne-css.gehts-gar.net/0002.php