Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 18

Thema: Text vertikal zentriert im div?

  1. #1
    Youngster
    Registriert seit
    07.03.2010
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text vertikal zentriert im div?

    Hi zusammen,

    eigentlich bin ich recht fit im HTML, allerdings kriege ich hier grad die Krise, weil ich es nicht schaffe einen Text in einem DIV vertikal zentriert anzuordnen. Er "klebt" ständig oben am Div!!

    Eigentlich müsste es ja mit vertical-align:center klappen, oder nicht?

    Neku
    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
    Macrosdesign
    Gast

    Standard AW: Text vertikal zentriert im div?

    Versuchs mal mit der CSS Eigenschaft: line-height

  3. #3
    Prinz(essin) Avatar von -Bambino-
    Registriert seit
    21.12.2007
    Ort
    Berlin
    Beiträge
    865
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    4

    Standard AW: Text vertikal zentriert im div?

    wert.TeeeX.de
    Wie gut ist die technische Umsetztung deiner Website wirklich?
    Teste es!

  4. #4
    Youngster
    Themenstarter

    Registriert seit
    07.03.2010
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text vertikal zentriert im div?

    @macrosdesign: line-height funktioniert leider nicht =(

    @Bambino: Der Link nutzt mir leider nichts. Ich habe bereits danach gegoogelt und da ich keine funktionierende Lösung gefunden hatte, dachte ich mir, dass man mir hier vielleicht weiterhelfen kann.

  5. #5
    Macrosdesign
    Gast

    Standard AW: Text vertikal zentriert im div?

    Wie wäre es wenn du uns mal den Code gibst wo das Problem auftritt ?

  6. #6
    Prinz(essin) Avatar von -Bambino-
    Registriert seit
    21.12.2007
    Ort
    Berlin
    Beiträge
    865
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    4

    Standard AW: Text vertikal zentriert im div?

    Nein, ich bezweifle, dass du gegoogelt hast:

    http://www.wssexpert.de/Style/Examples/007/center.html

    Da steht alles und es ist das erste Google ergebnis!
    wert.TeeeX.de
    Wie gut ist die technische Umsetztung deiner Website wirklich?
    Teste es!

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    07.03.2010
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Okay, mein html-Code ist folgender:

    <div id="start">
    <div id="startlinks"><img src="templates/mytemplate/images/start_exist.png" border="0" /></div>
    <div id="startrechts"><h3>Headline!</h3>
    Wir bieten frisch gebackenen Unternehmensgründern blabla...</div>
    Und mein CSS ist dieser:

    #start {
    width: 100%;
    heigth: 100%;
    }

    #startlinks {
    width: 165px;
    float:left;
    }

    #startrechts {
    width: 324px;
    float: right;
    }
    Der Text im div startrechts klebt halt immer oben am div, statt sich immer so anzuordnen dass er in der Mitte des divs steht. =(

    Zitat Zitat von -Bambino- Beitrag anzeigen
    Nein, ich bezweifle, dass du gegoogelt hast:

    http://www.wssexpert.de/Style/Examples/007/center.html

    Da steht alles und es ist das erste Google ergebnis!
    Bezweifle es ruhig, es ist aber anders. Ich habe außerdem betont, dass diese Ergebnisse eben nicht bei mir zum Ergebnis führten und ich deshalb hier im Forum mein Problem geschildert habe.
    Geändert von synaptic (07.03.2010 um 19:18 Uhr) Grund: beiträge zusammenführt! Vermeide bitte Doppelposts und nutz die editfunktion

  8. #8
    Macrosdesign
    Gast

    Standard AW: Text vertikal zentriert im div?

    Ich glaube ich weiß was du vorhast vllt hilft dir das ja weiter ?

    http://www.ohne-css.gehts-gar.net/0002.php

  9. #9
    Youngster
    Themenstarter

    Registriert seit
    07.03.2010
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text vertikal zentriert im div?

    Nicht ganz: Ich möchte ausschließlich vertikal zentrieren.

    Habe es trotzdem ausprobiert soweit wie ich es verstanden habe, allerdings klappt auch dies nicht =(

  10. #10
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Text vertikal zentriert im div?

    Das unterste Beispiel von Bambino ist die einzige Möglichkeit für richtiges Zentrieren von Inhalten.
    Es heißt aber nicht vertical-align: center, sondern middle.
    display: table-cell; ist dafür auch essentiell.

    Dein Problem ist, dass du den Inhalt des Containers Zentrierst, nicht dein DIV selbst.
    Bei deinem #start div, wirst du es allerdings nicht eingeben können - damit geht 100% höhe nichtmehr... Die übrigens so auch nicht funktioniert.
    HTML-Code:
    html, body { height: 100%;  } /* nicht heigth */
    #start {
    height: auto !important;
    min-height: 100%;
    }
    Die Lösung von Macrosdesgin funktioniert zwar, hat aber ein paar macken... Wenn jemand eine zu kleine Auflösung / das Fenster kleiner macht, ist es möglich das Inhalte abgeschnitten werden. Bei Höhe dürfte das allerdings seltener ein Problem sein, als bei der Breite...

    Für 100% Seiten sind meiner Meinung nach, Tabellen nötig. Werden auch mitlerweile sehr selten eingesetzt, da die Darstellung sehr varieren kann (Auflösungsunterschiede von 1024 breite bis zu 1600 breite und höher - wie da wohl deine Seite später aussehen würde?) ich empfehle dir, dich bei der Breite festzulegen. Standard ist 980-1000px.

Ähnliche Themen

  1. Zentriert
    Von topkick im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 22.02.2009, 19:14
  2. CSS Frage - Kasten mit mehrzeiligen Text -zentriert & mi
    Von analogprinz im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 30.01.2008, 12:37
  3. Text zentriert aber linksbündig
    Von BloodyMary1980 im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 19.12.2007, 15:28
  4. Div-Positionierung (zentriert)
    Von Sojo im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 20.04.2007, 18:04
  5. html ---> zentriert?!
    Von im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 25.10.2006, 09:06

Stichworte

Berechtigungen

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