Stefan E: zentrieren von Blöcken

SELF-Forum

zentrieren von Blöcken

Stefan E
– Informationen zu den Bewertungsregeln

Hallo zusammen
Ich habe folgendes Beispiel hier auf Selfhtml gesehen http://de.selfhtml.org/css/formate/anzeige/individual.htm. Nun würde ich gerne diese zwei Blöcke noch zentrieren.

Hab's mit text-align:center im body versucht. Hat aber nicht geklappt. Hat jemand noch einen Tipp?

Danke

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. zentrieren von Blöcken

    struppi2
    −1 Informationen zu den Bewertungsregeln

    Hab's mit text-align:center im body versucht. Hat aber nicht geklappt. Hat jemand noch einen Tipp?

    mhh, scheint wohl ein browserbug zu sein.

    struppi

    Beitrag melden
    −1
    Informationen zu den Bewertungsregeln

    1. zentrieren von Blöcken

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi struppi2,

      Hab's mit text-align:center im body versucht. Hat aber nicht geklappt. Hat jemand noch einen Tipp?

      mhh, scheint wohl ein browserbug zu sein.

      Nein, text-align gilt für Inline-Inhalt, nicht für Blöcke. [CSS2 §16.2]
      Ein Browserbug liegt vor, wenn es ein UA anders interpretiert.

      Live long and prosper,
      Gunnar

      --
      „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. zentrieren von Blöcken

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi Stefan,

    Nun würde ich gerne diese zwei Blöcke noch zentrieren.

    Erstmal die beiden Blöcke zu einem gruppieren, dieses dann zentrieren mit margin:auto und für den IE text-align:center fürs Elternelement.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. zentrieren von Blöcken

      Stefan E
      – Informationen zu den Bewertungsregeln

      Ich habe es einmal mit folgendem Code versucht. Leider ohne Erfolg.

        
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<title>Titel der Datei</title>  
<style type="text/css">  
#roterBereich {  
   position:absolute;  
   top:130px;  
   left:30px;  
   width:320px;  
   padding:10px;  
   margin:0px;  
   border:4px solid #EE0000;  
}  
#blauerBereich {  
   position:absolute;  
   top:130px;  
   left:400px;  
   width:320px;  
   padding:10px;  
   margin:0px;  
   border:4px solid #0000EE;  
}  
#abc {  
 margin:auto;  
 text-align:center;  
}  
h1#Titel {  
   font-family:Arial;  
   font-size:2em;  
   font-weight:normal;  
   color:green;  
}  
</style>  
</head>  
<body>  
<h1 id="Titel">Diese &Uuml;berschrift und zwei positionierte Bereiche</h1>  
<div id="abc">  
<div id="roterBereich"><h1>Der rote Bereich</h1></div>  
<div id="blauerBereich"><h1>Der blaue Bereich</h1></div>  
</div>  
</body>  
</html>
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. zentrieren von Blöcken

        Efchen
        – Informationen zu den Bewertungsregeln

        #abc {
        margin:auto;
        text-align:center;
        }

        #abc ist jetzt nach diesem Code eindeutig zentriert.

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. zentrieren von Blöcken

          Gunnar Bittersmann Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Na siehste, Stefan,
          Schon nach zwei Minuten eine Antwort. ;-)

          Wenn auch eine nicht ganz richtige.

          #abc {
          margin:auto;
          text-align:center;
          }

          Damit das auch in Unbrowsern zentriert wird, musst du text-align:center angeben, ja. Aber nicht für dieses Element, sondern ein darüberliegendes (body). Sagte ich das nicht schon? https://forum.selfhtml.org/?t=111739&m=704497

          IIRC wird das vererbt, willst du das nicht, musst du text-align für andere Elemente wieder auf left setzen.

          Live long and prosper,
          Gunnar

          --
          „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. zentrieren von Blöcken

            Efchen
            – Informationen zu den Bewertungsregeln

            Wenn auch eine nicht ganz richtige.

            Ich wollte auch nur darauf hinweisen, dass ein margin:auto in einem Block-Element OHNE WIDTH nicht viel bringt bzw. man die Zentrierung nicht sieht, weil das Block-Element die komplette Breite einnimmt.

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. zentrieren von Blöcken

              Gunnar Bittersmann Homepage des Autors
              – Informationen zu den Bewertungsregeln

              Hi Efchen,

              Ich wollte auch nur darauf hinweisen, dass ein margin:auto in einem Block-Element OHNE WIDTH nicht viel bringt bzw. man die Zentrierung nicht sieht, weil das Block-Element die komplette Breite einnimmt.

              Ähm, ja. Ist mir auch grad eingefallen, dass meine Antwort auch nicht ganz erschöpfend war.

              Live long and prosper,
              Gunnar

              --
              „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
              Beitrag melden
              –
              Informationen zu den Bewertungsregeln