Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » textzentrierung im div-tag Antworten
textzentrierung im div-tag

keeper
Pixelschubser


Beiträge: 17


hi

ich suche eine möglichkeit einen text zu zentrieren (horz. und vert.)?
und zwar in einem div-tag.
zudem sollte die HTML 4.01 Strict Norm eingehalten werden.

1: 
2: 
3: 
4:
div.rahmen{ border-top-color:#FFFFFF; border-top-width:1px; border-top-style:solid; }
div.registerbox{ width:560px; height:91px; z-index:1; background-color:#99CCCC; }



1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9:
<div class="rahmen">
   <!-- bild1 -->
   <!-- bild2 -->
      <div class="registerbox">
         texttexttexttext..
      </div>
</div>


thx keeper

Diese Nachricht wurde geändert von: keeper
  Profil   E-Mail   Website   Editieren   Zitieren

Ehemaliges Mitglied (#1460)
Posting-Schinder


Beiträge: 614


Text (Inline-Elemente) werden immer mit text-align:center horizontal zentriert. In welchem Tag der Text steht, ist irrelevant. Allerdings macht es keinen Sinn, einen Text mit einem allgemeinen Block-Element auszuzeichnen. Für Text gibt es das <p>-Tag, das den Inhalt als Textabsatz auszeichnet. Das sollte man dann auch tun.

Mit vertical-align:middle kann man vertikal zentrieren, allerdings nur in Tabellenzellen, oder solchen Boxen, die dazu gemacht wurden (mit display), was wiederum der IE nicht versteht. In Inline-Elementen kann der Text damit zentriert werden, wenn die line-height entsprechend angepasst wird.

  Profil   Editieren   Zitieren
 

Antworten
Nach oben