ebene horizontal und vertikal zentrieren, bei dynamischer höhe
Roger
- css
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.
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
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.
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
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.
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
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.
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
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
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.
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