Ergebnis 1 bis 8 von 8

Thema: CSS Frage - Kasten mit mehrzeiligen Text -zentriert & mi

  1. #1
    Fortgeschrittene/r
    Registriert seit
    03.03.2006
    Beiträge
    195
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS Frage - Kasten mit mehrzeiligen Text -zentriert & mi

    Hallo,

    vllt kann mir der ein oder andere bei meinem CSS Problem helfen bitte..

    Ich habe einen Kasten:
    Code:
    <div class="kasten">mit mehr zeiligen text</div>
    Die CSS Klasse dazu sieht so ungefähr aus:
    Code:
    .kasten &#123;
      height&#58; 50px;
      width&#58; 50px;
      border&#58; 1px #000000 solid;
      line-height&#58; 50px;
      text-align&#58; center;
      vertical-align&#58; middle;
    &#125;
    Problem: Ich brauch den Text mehrzeilig (autom. Zeilenumbruch), zentriert und mittig in dem Kasten ohne Zeilenabstand. Leider greift anscheinend vertical-align nur mit line-height oder display: table-cell! Ich will aber auch keine Tabelle verwenden. Die Klasse wird für verschiedenen Text verwendet. Wie löst man das am elegantesten? Danke für euere Antworten!
    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 !!!!!
    Für die nächste Zeit erstmal inaktiv.

  2. #2
    Samurai
    Registriert seit
    30.09.2007
    Beiträge
    229
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    vertical-align funktioniert nur bei Inline-Elementen. Wenn ich dich richtig verstanden habe, wäre eine Textarea die Lösung für dich.
    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  3. #3
    Fortgeschrittene/r
    Themenstarter

    Registriert seit
    03.03.2006
    Beiträge
    195
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    danke für deine antwort.. wie würde denn dann der code aussehen?
    Für die nächste Zeit erstmal inaktiv.

  4. #4
    Samurai
    Registriert seit
    30.09.2007
    Beiträge
    229
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Im Prinzip so, wie du es schon hast:

    Code:
    textarea &#123;
      height&#58; 50px;
      width&#58; 50px;
      border&#58; 1px #000000 solid;
      text-align&#58; center;
      vertical-align&#58; middle;
    &#125;
    Code:
    <textarea>Mein langer Text</textarea>
    evtl. musst du den CSS-Teil noch etwas erweitern, um die Textarea an dein Design anzupassen.
    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  5. #5
    Fortgeschrittene/r
    Themenstarter

    Registriert seit
    03.03.2006
    Beiträge
    195
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    danke.. hm aber mach mal width & height auf 70px, dann steht der text im IE7 wieder nur oben..
    Für die nächste Zeit erstmal inaktiv.

  6. #6
    Samurai
    Registriert seit
    30.09.2007
    Beiträge
    229
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Tja, funktioniert nicht.

    Auf css4you steht, dass vertical-align nur mit Inline-Elementen funktioniert und Textarea ist ein Inline-Element. Hätte also passen sollen. Scheint aber so, als müsste ich jetzt passen. Aber ich such noch ein bißchen weiter, vielleicht finde ich noch was.
    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  7. #7
    Samurai
    Registriert seit
    30.09.2007
    Beiträge
    229
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Meine Suche hat jetzt folgendes ergeben:

    vertical-align scheint wirklich nur in Tabellen zu funktionieren.

    line-height bringt nur was bei einem einzeiligen Text.

    Mit margin-top kannst du einen Abstand von oben festlegen und das Ganze dann pi*Auge selber zentrieren.
    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  8. #8
    Fortgeschrittene/r
    Themenstarter

    Registriert seit
    03.03.2006
    Beiträge
    195
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hi, danke! son mist. leider wird der inhalt des kasten dynamisch gefüllt..
    Für die nächste Zeit erstmal inaktiv.

Ähnliche Themen

  1. Text zentriert aber linksbündig
    Von BloodyMary1980 im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 19.12.2007, 15:28
  2. Text Area: Zeichen eines mehrzeiligen Textfeldes begrenzen
    Von JSpring im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 06.12.2007, 18:23
  3. Div-Positionierung (zentriert)
    Von Sojo im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 20.04.2007, 18:04
  4. SCHWARZE KASTEN...WARUM!!!!
    Von flashy im Forum Flash Forum
    Antworten: 4
    Letzter Beitrag: 02.02.2007, 08:58
  5. Css Kasten wird nicht zentriert / Opera 8
    Von :.:UltraVa Flyin:.: im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 27.01.2006, 14:04

Stichworte

Berechtigungen

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