Heinrich_der_Achte: <div> zentrieren

Wie zentriere ich den Text innerhalb eines <DIV>s sowohl horizontal ALS AUCH vertikal? Ich werde aus den vielen Vorschlägen, die mir google entgegenwirft, nicht wirklich schlau...

  • entweder war das gesamte <DIV> plötzlich in der Mitte der Seite

  • oder es wurde ein <TABLE> Element in das <DIV> eingebunden (DAS kann doch wirklich nicht einer professionellen Lösung gleichkommen, oder ?!)

  • oder die Vorschläge zeigten gar keine Resultate.

Wie zentriere ich TEXT INNERHALB eines <DIV> Elements?

Was ich bisher habe:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Text Vertical Align</title>  
<style type="text/css">  
<!--  
#mainmenu {  
background-color: #ef8608;  
width: 200px;  
height: 40px;  
}  
.mainmenu_contents {  
color: #FFFFFF;  
font-family: Verdana, Arial, Helvetica, sans-serif;  
text-align: center;  
}  
-->  
</style></head>  
  
<body>  
<div id="mainmenu" class="mainmenu_contents">HOME</div>  
</body>  
</html>  

Danke,
M.

  1. Wie zentriere ich den Text innerhalb eines <DIV>s sowohl horizontal ALS AUCH vertikal?

    das DIV per CSS zur Tabellenzelle machen und den Text darin entsprechend ausrichten, du brauchst:
    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display:table-cell
    http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align@title=vertical-align:center
    http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align:center

  2. Lieber Heinrich_der_Achte,

    <div id="mainmenu" class="mainmenu_contents">HOME</div>

    wie erstellt man sinnvoll ein Menü? Mal bei SELFHTML fragen... <http://de.selfhtml.org/css/layouts/navigationsleisten.htm@title=Navigationsleisten definieren>

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
  3. Hallo,

    Heinrich der Achte, besser bekannt als Henry VIII - das war doch der mit den vielen Weibern.
    Meinst du, dieser Name verschafft dir Respekt?
    Also ich weiß nicht ...

    Ciao,
     Martin

    --
    Hannes würfelt abends immer, ob er den Abend mit seiner Frau zuhause verbringt oder in die Kneipe geht. Wenn er eine 6 würfelt, geht er in die Kneipe.
    Gestern musste er 37mal würfeln.
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    1. [latex]Mae  govannen![/latex]

      Heinrich der Achte, besser bekannt als Henry VIII - das war doch der mit den vielen Weibern.
      Meinst du, dieser Name verschafft dir Respekt?
      Also ich weiß nicht ...

      War das nicht der, der bewiesen hat, daß Frauen in bestimmten Situationen ziemlich kopflos sein können? ^^

      Stur lächeln und winken, Männer!
      Kai

      --
      Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken
      in Richtung "Mess up the Web".(suit)
      SelfHTML-Forum-Stylesheet
      1. Hi,

        Heinrich der Achte, besser bekannt als Henry VIII - das war doch der mit den vielen Weibern.
        Meinst du, dieser Name verschafft dir Respekt?
        Also ich weiß nicht ...
        War das nicht der, der bewiesen hat, daß Frauen in bestimmten Situationen ziemlich kopflos sein können? ^^

        das weiß ich jetzt nicht so genau - aber das haben die Franzosen wesentlich später auch wieder gezeigt. Und nicht nur an Frauen.

        Vive la révolution,
         Martin

        --
        Success should be measured not so much by the position that one has reached in life,
        but by the obstacles one has overcome while trying to succeed.
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
      2. Moin Moin!

        Heinrich der Achte, besser bekannt als Henry VIII - das war doch der mit den vielen Weibern.

        War das nicht der, der bewiesen hat, daß Frauen in bestimmten Situationen ziemlich kopflos sein können? ^^

        Exakt, aber von der Sorte gab es noch mehr. Aus der WP:

        Für Heinrichs sechs aufeinanderfolgende Ehen gibt es in England den Abzählreim:

        “Divorced, Beheaded, Died, Divorced, Beheaded, Survived.”

        „Geschieden, Geköpft, Gestorben, Geschieden, Geköpft, Überlebt.“

        Alexander

        --
        Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so".