peppi898: Div´s formatierung!

Hallo!
Will demnächste eine neue Seite ins Netz stellen, doch eine der ersten fragen die sich mir dies bezüglich stellten, waren die Größen aufteilung.
Und zwar habe ich folgende frage an euch/ Sie:
Kann ich einer div sagen sie soll mittig im Fenster sein, sich also immer automatisch an das Fenster anpassen?
Hier ein kleiner auszug meiner momentanen Formatierung in css.
-->
"#formatierung_div_banner {
 width:990px;
 height:200px;
 color:#11ff11;
 margin:0px;
 padding:0px;
 position:fixed; top:5px; left:5px;
}"
<--
so nur anstatt das ich sage top/left:5px; will ich einfach nur sagen es soll X*X groß sein und die div soll immer in der Mitte der Seite erscheinen.

  1. Hallo!
    Will demnächste eine neue Seite ins Netz stellen, doch eine der ersten fragen die sich mir dies bezüglich stellten, waren die Größen aufteilung.
    Und zwar habe ich folgende frage an euch/ Sie:
    Kann ich einer div sagen sie soll mittig im Fenster sein, sich also immer automatisch an das Fenster anpassen?
    so nur anstatt das ich sage top/left:5px; will ich einfach nur sagen es soll X*X groß sein und die div soll immer in der Mitte der Seite erscheinen.

    dann ist das ganze aber mit fester größe in der mitte und nicht viewportfüllend ?! -> so etwa

    position: absolute;
    left: 50%;
    top: 50%;
    width: BREITE;
    height: HÖHE;
    margin: -HALBEHÖHE 0 0 -HALBEBREITE;

    html und body müssen hierfür aber zwingend mindestens 100% hoch und breit sein

    zudem bietet die oben genannte variante viele nachteile

  2. Hallo

    "#formatierung_div_banner {
    width:990px;
    height:200px;
    color:#11ff11;
    margin:0px;
    padding:0px;
    position:fixed; top:5px; left:5px;
    }"
    <--
    so nur anstatt das ich sage top/left:5px; will ich einfach nur sagen es soll X*X groß sein und die div soll immer in der Mitte der Seite erscheinen.

    du kannst sagen:

    body {
    text-align:center;
    }
    #formatierung_div_banner {
    ...
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    }

    Viele Grüße,
    Tim

    1. Hallo

      du kannst sagen:

      body {
      text-align:center;
      }
      #formatierung_div_banner {

      /* Dann solltest du aber (höchstwahrscheinlich) auch
      noch folgendes sagen, um den MSIE-Hack geradezubiegen: */
      text-align:left;

      ...
      position:absolute;
      margin-left:auto;
      margin-right:auto;
      }

      Und warum eigentlich position:absolute;, wenn du doch garkeine positionsangaben machst?

      Mein Vorschlag:

      body {  
      /* Zentrierung für den MSIE */  
      text-align:center;  
      }  
        
      #formatierung_div_banner {  
      /* MSIE-Hack geradebiegen: */  
      text-align:left;  
      width:990px;  
      height:200px;  
      color:#11ff11;  
      margin:5px auto 0 auto;  
      }
      

      Tschö, Auge

      --
      Die deutschen Interessen werden am Liechtenstein verteidigt.
      Veranstaltungsdatenbank Vdb 0.2
      1. Von welchem MSIE redet Ihr nur?

        Was spricht denn gegen margin: auto? Meiner (6) zentriert dann brav horizontal.

        1. Hallo

          Von welchem MSIE redet Ihr nur?

          Von ältlichen.

          Was spricht denn gegen margin: auto? Meiner (6) zentriert dann brav horizontal.

          ... so er nicht in den Quirksmode geschickt wurde. War doch so, ne. ;-)

          Tschö, Auge

          --
          Die deutschen Interessen werden am Liechtenstein verteidigt.
          Veranstaltungsdatenbank Vdb 0.2
          1. Moinsen!

            Von welchem MSIE redet Ihr nur?

            Von ältlichen.

            Keine die, ich noch beruecksichtigen wuerde, was?

            Was spricht denn gegen margin: auto? Meiner (6) zentriert dann brav horizontal.

            ... so er nicht in den Quirksmode geschickt wurde. War doch so, ne. ;-)

            Genau. Warum sollte man das auch freiwillig machen? Damit hat man meist nur mehr Aufwand. Sieht man ja schon an der Zentrierung hier.

            --
            "Sei froh dass du nen Virenscanner hast, der schlauer ist als du..."
             
            1. Hallo

              Von welchem MSIE redet Ihr nur?

              Von ältlichen.

              Keine die, ich noch beruecksichtigen wuerde, was?

              Ja, es gibt Gewohnheiten, die man wirklich ablegen sollte. ;-)

              Was spricht denn gegen margin: auto? Meiner (6) zentriert dann brav horizontal.

              ... so er nicht in den Quirksmode geschickt wurde. War doch so, ne. ;-)

              Genau. Warum sollte man das auch freiwillig machen? Damit hat man meist nur mehr Aufwand. Sieht man ja schon an der Zentrierung hier.

              jepp.

              Tschö, Auge

              --
              Die deutschen Interessen werden am Liechtenstein verteidigt.
              Veranstaltungsdatenbank Vdb 0.2