Ergebnis 1 bis 5 von 5

Thema: Text im Div Container lässt sich nicht vertical middel'n

  1. #1
    HTML Newbie
    Registriert seit
    16.05.2014
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text im Div Container lässt sich nicht vertical middel'n

    Hey,

    ich habe das problem, das ich den Text im Div Container zwar mit text-align:center; schon in die mitte horizontal bekomme aber mit
    vertical-align:middle; geht das nicht also es passiert nix

    HTML-Code:
    <div id="banner"><font size="12">Der kleine Hase</font></div>
    Code:
    #banner{
     width:80%;
     float:right;
     background: rgb(181,189,200); /* Old browsers */
     background:  -moz-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,  rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
     background:  -webkit-gradient(radial, center center, 0px, center center, 100%,  color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)),  color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
     background:  -webkit-radial-gradient(center, ellipse cover,  rgba(181,189,200,1)  0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /*  Chrome10+,Safari5.1+ */
     background:  -o-radial-gradient(center, ellipse cover,  rgba(181,189,200,1)  0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 12+ */
     background:  -ms-radial-gradient(center, ellipse cover,  rgba(181,189,200,1)  0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
     background: radial-gradient(ellipse at center,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
     filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8',  endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal  gradient */
     text-align:center;
     vertical-align:middle;
     height:120px;
     }
    Dann hab ich im Netz gelesen man soll das als table-cell machen, das sieht dann so aus:

    HTML-Code:
    <div id="banner" class="container"><font size="12px">Der kleine Hase</font></div>
    Code:
    .container{
        min-height: 10px;
        display: table-cell;
        vertical-align: middle;
    }
    
    #banner{
    width:80%;
    float:right;
    background: rgb(181,189,200); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-align:center;
    height:120px;
    }
    Beides funzt nicht, aber irgendwie muss ich doch den Text nach unten in die Mitte bekommen


    LG
    Waterfront
    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
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Text im Div Container lässt sich nicht vertical middel'n

    Die anderen Hilfen reichen dir wohl nicht?
    http://www.html.de/threads/text-in-d...4/#post-357626

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    16.05.2014
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text im Div Container lässt sich nicht vertical middel'n

    Anscheinend sind in dem Forum "Neulinge in dem Thema" falsch, so höflich wie mir dort geantwortet wurde.

  4. #4
    Bandit
    Gast

    Standard AW: Text im Div Container lässt sich nicht vertical middel'n

    Was hat das mit höflich zu tun? Du hast dort behauptet, dass du mit google nichts gefunden hast. Dir ist das bewiesen worden, dass man mit google sehr wohl Lösungen finden kann.
    Du darfst nicht vergessen, dass die meisten Helfer sich schon seit Jahren mit HTML/CSS/PHP etc. beschäftigen und sehr wohl wissen, was man mit google leicht finden kann oder auch nicht. Da sind dann Aussagen wie "ich habe mit google gesucht" relativ schnell entlarvt.

    Auszug aus den Forenregeln:
    Inhalt von Beiträgen:
    Forum-Hilfe behält sich das Recht vor, jederzeit Beiträge zu löschen, zu verschieben oder zu überarbeiten, die nicht den Forumsregeln entsprechen. Dies geschieht ohne vorherige Information des Verfassers. Die User ist alleine für die von ihnen publizierten Inhalte (Texte; Bilder oder andere Veröffentlichungen) verantwortlich und bestätigt auch damit, das er keine Copyrightgeschütze Werke und Texte hier im Forum veröffentlicht.
    Verboten oder auch unerwünscht sind folgende Inhalte:

    • extrem politisch oder religiös orientierte Postings
    • strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte
    • Warez oder fremde copyrightgeschütze Werke
    • E-Mail Adressen
    • Songtexte
    • persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen)
    • oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.
    • Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen
    Geändert von Bandit (17.05.2014 um 10:24 Uhr)

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    16.05.2014
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text im Div Container lässt sich nicht vertical middel'n

    Ich habe nicht behauptet ich habe nichts gefunden im Netz... Lies dir mein ersten Post durch:

    ich hab das mit text-align:center probiert aber dann ist der Text nur horizontal mittig ...
    dann bin ich im netz auf vertical-align:center; gestoßen ... mhh verändert nix
    (vertical-align:center; ist falsch müsste heißen vertical-align:middle; -> trotzdem hat sich der Text nicht vertikal gemittelt)

    /edit: Problem hat sich mittlerweile erledigt, im anderen Forum gibt es dann doch nette Menschen.
    Geändert von Waterfront_xD (17.05.2014 um 17:12 Uhr)

Ähnliche Themen

  1. Überschrift lässt sich nicht ändern
    Von Ben West im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 20.04.2010, 14:57
  2. Lässt sich nicht speichern
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 19
    Letzter Beitrag: 13.06.2009, 19:58
  3. Div lässt sich nicht richtig platzieren
    Von kappilino im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 19.09.2008, 11:42
  4. BAnner lässt sich nicht öffnen?
    Von thebosstomas im Forum Off Topic und Quasselbox
    Antworten: 0
    Letzter Beitrag: 18.05.2008, 20:46
  5. AVM Treiber lässt sich nicht löschen
    Von Anne333 im Forum Computer - Internet Forum
    Antworten: 0
    Letzter Beitrag: 14.08.2007, 13:59

Stichworte

Berechtigungen

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