Ergebnis 1 bis 6 von 6
  1. #1
    mmTests ist offline Jungspund
    registriert
    21-01-2014
    Beiträge
    14

    <div> Inhalt vertikal zentrieren

    GEKLÄRT

    Schönen Guten Abend allerseits,

    mich hat die Lust wieder gepackt, an meiner Homepage zu arbeiten, bzw. eine neue zu Beginnen. Da hab ich gleich mal eine Frage zu! Damit ihr es besser versteht, kommt vorab schon einmal der kurze Code um den es sich handelt:

    Code:
    #button{
    	display: inline-block;
    	position: relative;
    	border-top: #000000 1px solid;
    	border-bottom: #000000 1px solid;
    	text-align: center;
            font-size:20px;
            height:40px;   
    }
    Geplant war, das der Text mittig in einem Kasten steht (oben und unten mit einer Linie getrennt). Weil der Kasten eine Mindesthöhe haben sollte, und nicht an die Schriftgröße angepasst werden soll, habe ich dort eine kleine Höhe (height:40px) eingebaut. Mein Problem ist, dass nun der Text nach oben an den Kasten gequetscht wird, quasi horizontal nach oben versetzt ist.

    Ein langes "drum herrum" um solch eine "kurze" Frage... Ich hoffe ihr habt verstanden was ich meine :S...

    Lg Maxi
    Geändert von mikdoe (30-01-2014 um 11:15 Uhr) Grund: Titel korrigiert und Gelöst gesetzt

  2. #2
    mmTests ist offline Jungspund
    registriert
    21-01-2014
    Beiträge
    14

    AW: <div> Inhalt horizontal zentrieren

    Um das Problem nochmal zu Visualisieren:

    So sieht es aus:

    ___________
    Text
    ___________

    So sollte es aussehen:

    ___________

    Text
    ___________

    Lg Maxi

  3. #3
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: <div> Inhalt horizontal zentrieren

    Lass mal das height weg und dann ist line-height Dein Freund ...

  4. #4
    mmTests ist offline Jungspund
    registriert
    21-01-2014
    Beiträge
    14

    AW: <div> Inhalt horizontal zentrieren

    Danke, mal wieder, für die super schnelle, super kompetente und super hilfreiche Antwort!

    Frage geklärt - Danke!

    Lg Maxi

  5. #5
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.932

    AW: <div> Inhalt horizontal zentrieren

    Dann reden wir aber von vertikaler Zentrierung, nicht horizontaler.
    Merksatz: horizontal ist immer wie der Horizont am Himmel, nämlich waagerecht.

    Ich ändere mal den Titel entsprechend ab.

  6. #6
    mmTests ist offline Jungspund
    registriert
    21-01-2014
    Beiträge
    14

    AW: <div> Inhalt horizontal zentrieren

    Oh ähm... Wenn man nicht aufpasst...

    Dankeschön

Ähnliche Themen

  1. div horizontal scrollen
    Von sebastian9 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 07-08-2008, 10:28
  2. per DOM am Ende des Inhalt von Body 'Inhalt' einfügen
    Von theunexpecteds im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 31-07-2008, 14:11
  3. Antworten: 8
    Letzter Beitrag: 29-01-2008, 01:01
  4. Antworten: 1
    Letzter Beitrag: 18-01-2008, 10:05
  5. horizontal nur 6 ???
    Von totomoto im Forum Serverseitige Programmierung
    Antworten: 2
    Letzter Beitrag: 13-12-2001, 20:05

Lesezeichen

Berechtigungen

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