Roger: ebene horizontal und vertikal zentrieren, bei dynamischer höhe

moin!

dass man eine ebene horizontal und vertikal zentrieren kann ist mir bewusst. die beispiele, die ich kenne, zeigen das sehr eindrucksvoll.
ich sitz momentan an einer arbeit, wo ich dieses beispiel auch wieder sehr gut einsetzen kann. leider habe ich ein problem: die momentane seite hat nicht immer die selbe höhe.
Ist jetzt aber mal ein text dabei, der etwas länger ist, als der standardtext, "wächst" die seite nach unten. heißt, der abstand zum oberen rand bleibt gleich (trotz dass die ebene nun größer ist).
schick wäre hier, wenn die ebene sich nun analog zu ihrer größe neu positionieren könnte. dass muss ja nicht unbedingt automatisch gehen. ich kann das ja pro seite bestimmen, wobei das etwas schwer wird, sobald sich der text wieder ändert... :(

gibt es evtl. dafür auch eine lösung?
per javascript vielleicht? pures css wär nat. am allerbesten...

gruß.
roger.

--
meine freundin sagt, ich wäre neugierig.
so steht's zumindest in ihrem tagebuch.
  1. Hello out there!

    gibt es evtl. dafür auch eine lösung?
    per javascript vielleicht? pures css wär nat. am allerbesten...

    Pures CSS: http://forum.de.selfhtml.org/archiv/2006/7/t133077/#m861864 ff.

    Hätteste aber auch selbst im Archiv finden könenn.

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    1. moin!

      Pures CSS: http://forum.de.selfhtml.org/archiv/2006/7/t133077/#m861864 ff.

      in dem artikel ist imho die rede von einer festen höhe. nicht?

      gruß.
      roger.

      --
      meine freundin sagt, ich wäre neugierig.
      so steht's zumindest in ihrem tagebuch.
      1. Hello out there!

        Pures CSS: http://forum.de.selfhtml.org/archiv/2006/7/t133077/#m861864 ff.

        in dem artikel ist imho die rede von einer festen höhe.

        Kann ich nicht bestätigen.

        See ya up the road,
        Gunnar

        --
        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
        1. moin!

          imho doch. es wird sich nur wieder über den ie aufgeregt.
          und in deiner verlinkung zu d.r.'s artikel wird nur auf die vertikale zentrierung eingegangen.
          überzeuge mich doch bitte mit begründungen. ich möchte ja nix vorgefertigtes, aber rätselraten ist nicht mein ding.

          gruß.
          roger.

          --
          meine freundin sagt, ich wäre neugierig.
          so steht's zumindest in ihrem tagebuch.
          1. Hello out there!

            […] wird nur auf die vertikale zentrierung eingegangen.

            OK, dann noch die horizontale dazu: http://gunnarbittersmann.de/2006/center-middle-20060724.html

            ich möchte ja nix vorgefertigtes,

            Oh, verdammt. ;-)

            Naja, die Anpassung für IE ist dir überlassen, falls dir daran liegt.

            See ya up the road,
            Gunnar

            --
            “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
            1. moin!

              OK, dann noch die horizontale dazu: http://gunnarbittersmann.de/2006/center-middle-20060724.html

              danke. für ff wohl die perfekte lösung.
              ich verstehe noch nicht so ganz, wieso das body-element die eigenschaft einer tabellenzelle bekommen soll. kannst du das evtl. kurz erklären?
              allein die tatsache, dass der ie die table-definitionen noch nicht schnallt schreckt mich ab. also müsste dann wohl ein hack gebaut werden? oder gibt es alternativen?

              gruß.
              roger.

              --
              meine freundin sagt, ich wäre neugierig.
              so steht's zumindest in ihrem tagebuch.
              1. hi,

                ich verstehe noch nicht so ganz, wieso das body-element die eigenschaft einer tabellenzelle bekommen soll. kannst du das evtl. kurz erklären?

                Weil sich in Tabellenzellen der Inhalt über vertical-align ausrichten lässt.

                gruß,
                wahsaga

                --
                /voodoo.css:
                #GeorgeWBush { position:absolute; bottom:-6ft; }
                1. Hello out there!

                  ich verstehe noch nicht so ganz, wieso das body-element die eigenschaft einer tabellenzelle bekommen soll. kannst du das evtl. kurz erklären?

                  @Roger: Genau das steht doch in http://forum.de.selfhtml.org/archiv/2006/7/t133077/#m861864

                  Weil sich in Tabellenzellen der Inhalt über vertical-align ausrichten lässt.

                  @wahsaga: „Tabellenzellen“ ist hier etwas schwammig. Wichtig ist, dass die 'display'-Eigenschft des Elements den Wert 'table-cell' hat; nicht dass dieses in HTML als Tabellenzelle mit 'td'/'th' ausgezeichnet wurde.

                  See ya up the road,
                  Gunnar

                  --
                  “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
                  1. moin!

                    @Roger: Genau das steht doch in http://forum.de.selfhtml.org/archiv/2006/7/t133077/#m861864

                    hm, richtiger wäre wohl http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap10.html#heading-10.8�

                    ist es jetzt so, dass es für den ie keine lösung gibt? bzw. diese (von mir nicht geliebten) hacks?

                    gruß.
                    roger.

                    --
                    meine freundin sagt, ich wäre neugierig.
                    so steht's zumindest in ihrem tagebuch.
                    1. Hello out there!

                      ist es jetzt so, dass es für den ie keine lösung gibt?

                      Für horizontale Zentrierung gibt es eine Lösung mit CSS für den IE (unter Ausnutzung eines von ihm begangen Fehlers). Diese hast du bestimmt auch schon beim Verfolgen der genannten Quellen gelesen. (Ein Link führte ja in die FAQ.)

                      Für vertikale Zentrierung im IE bleibt AFAIK nur die Zuhilfename von JavaScript.*

                      See ya up the road,
                      Gunnar

                      * von Layouttabellen abgesehen

                      --
                      “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)