Binni: zentriertes div, aber volle höhe

Guten Abend,

ich versuch jetzt schon ne ganze Weile und es will verflixt noch mal nicht werden ....

Also, Problemstellung besagt: ich brauche ein div, welches mit einer festen Breite zentriert ist, jedoch sich über die gesamte Höhe des Viewports erstreckt.

Das Problem ist ja, das sich die volle Höhe nur per fixed oder absolute-Positionierung realisieren lässt, aber wie bekomm ich dann mein div wieder zentriert?

Hat jemand von Euch einen Ansatz oder Tip?

Viele Grüße und noch 'nen schönen Abend - der Binni

  1. Hallo,

    Also, Problemstellung besagt: ich brauche ein div, welches mit einer festen Breite zentriert ist, jedoch sich über die gesamte Höhe des Viewports erstreckt.

    ja und?

    Das Problem ist ja, das sich die volle Höhe nur per fixed oder absolute-Positionierung realisieren lässt, ...

    Nein, height:100%; für das betreffende div und alle Vorfahrenelemente genügt.

    aber wie bekomm ich dann mein div wieder zentriert?

    Mit margin:0 auto; und zusätzlich text-align:center; für das Elternelement, damit's alte IEs auch kapieren.

    So long,
     Martin

    --
    Realität ist eine Illusion, die durch Unterversorgung des Körpers mit Alkohol entstehen kann.
    1. Hallo

      aber wie bekomm ich dann mein div wieder zentriert?

      Mit margin:0 auto; und zusätzlich text-align:center; für das Elternelement, damit's alte IEs auch kapieren.

      ... und eventuell nötiger Aufhebung von text-align:center; im zentrierten Element. Nicht dass nun grade deswegen Nachfragen kommen. :-)

      Tschö, Auge

      --
      Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
      (Victor Hugo)
      <dingdong /><dingdong /><toc /><toc /><toc /><shout>Florence!</shout>
      Veranstaltungsdatenbank Vdb 0.2
    2. Hallo Martin,

      Nein, height:100%; für das betreffende div und alle Vorfahrenelemente genügt.

      ... ja die Vorfahrenelemente ...

      Danke Dir!

      Viele Grüße - der Binni

  2. hoi,

    http://inix.blogiem.lv/2007/07/25/8989.html

    nimm dieses Beispiel, wenn ich dich richtig verstanden habe.

    Gruss,
    Inita