Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  Datenschutz  |  AGB  |  Suchen  |  Impressum  |  TYPO3-Index

Telefon: 07022 / 60 2005  |  E-Mail:
TYPO3-Beratung - CMS-Webseitenerstellung, Webdesign
  • Startseite
  • Referenzen
  • Blog
  • TYPO3 Stuttgart
  • Optimierung
  • TYPO3-Tipps
  • Kurse und Seminare
  •  

    Mittige Darstellung in einem DIV-Blockelement

    DIV-Elemente werden standardmäßig als Blockelemente und damit zeilenweise dargestellt. Möchten Sie in einem DIV-Element Texte mittig bzw. zentriert ausgeben, gibt es folgende Möglichkeiten:

    #h-mittig {
         width: 860px;
         margin-left:auto;
         margin-right:auto;
    }

    Statt margin-left und -right ist margin: 0 auto; möglich. Allerdings soll die allgemeine Margin-Anweisung nicht von allen Browsern gleichermaßen korrekt umgesetzt werden.

    Möchten Sie Texte vertikal zentrieren, eigenen sich folgende Anweisungen:

    #v-mittig {
        height: 30px;
        line-height: 30px;
        width: 100px;
        font-size: 10px;
        text-align: center;
    }


    Themen: TYPO3-Web-Design, TYPO3-Optimierung, CMS-Homepages gestalten, TYPO3-Internetseiten erstellen, Website-Programmierung, Mittig im DIV-Block.

    [ • Startseite ]   [ ⇐ Zurück ]   [ Π Drucken ]   [ ⇑ Nach oben ]  

     

    Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  Datenschutz  |  AGB  |  Suchen  |  Impressum  |  TYPO3-Index
    Letzte Änderung: Montag, 22.10.2007
    Flag Counter