nicht angemeldet
Vertikal ausrichten
Hallo!
Ich versuche den Inhalt einer Seite vertikal mittig auszurichten.
Dazu habe ich eine Tabelle mit den Angaben widht und height 100% um
den Inhalt gezogen. Der Inhalt ist trotzdem am oberen Rand.
Horizontal mittig habe ich den Inhalt durch Body text-align:center, der Div-Container mit dem Inhalt text-align:left, eingestellt.
Wenn ich dem td - Tag der Tabelle das Style vertical-align:middle oder das Attribut valign="middle" gebe wird auch kein Schuh draus.
Sollte doch aber eigentlich. Oder was habe ich übersehen?
Hier die Seite:
http://www.muk-wiesnet.de/
Danke und Grüße,
Matze
-
Hallo,
Ich versuche den Inhalt einer Seite vertikal mittig auszurichten.
Dazu habe ich eine Tabelle mit den Angaben widht und height 100% um
den Inhalt gezogen.
http://www.muk-wiesnet.de/Ja, die Tabelle ist 100% hoch. Wovon? Von ihrem umgebenden Element. Welches ist das? BODY. Wie hoch ist BODY? Da keine Angabe im CSS vorliegt, ist BODY height:auto, also so hoch wie der höchste Inhalt. Hm. Also müssen wir wohl BODY eine Höhe vorgeben. Wenn aber BODY 100% hoch ist, wovon? Von seinem umgebenden Element. Welches ist das? HTML. Wie hoch ist HTML? Da keine Angabe im CSS vorliegt, ist HTML height:auto, also so hoch wie der höchste Inhalt. Hm. Also müssen wir wohl HTML eine Höhe vorgeben. Wenn aber HTML 100% hoch ist, wovon? Von seinem umgebenden Element. Welches ist das? Der Viewport, also der Seitenbereich im Browserfenster. Jep und der _hat_ eine definierte Höhe!
Alles klar?
viele Grüße
Axel
-
Hallo,
Alles klar?
Nä, gar nix! Hat mir nicht weiter geholfen und der Inhalt steht immer noch oben.
Matze
-
Hallo,
Alles klar?
Nä, gar nix! Hat mir nicht weiter geholfen und der Inhalt steht immer noch oben.
Ich schrieb, Du möchtest bitte die Höhe der Elemente BODY und HTML auf 100% setzten.
viele Grüße
Axel
-
Hallo!
Ich schrieb, Du möchtest bitte die Höhe der Elemente BODY und HTML auf 100% setzten.
Aaaahh, geht doch. Danke, das funktioniert. Ist mir zwar irgendwie nicht ganz klar warum, aber damit kann ich mich ja später befassen.
Danke, Danke!
Grüße, Matze
-
Hallo nochmal!
Was ich aber nicht verstehe ist, dass es z.B. bei http://www.kreafon.de/ auch ohne Body und HTML Height funktioniert.Grüße, Matze
-
Hallo,
Was ich aber nicht verstehe ist, dass es z.B. bei http://www.kreafon.de/ auch ohne Body und HTML Height funktioniert.
Das liegt daran, dass dieses Dokument durch den unvollständigen DOCTYPE im Kompatibilitätsmodus (Quirks-Mode) ist. Da versuchen die Browser zu erraten, was der Seitenersteller wollte, weil sie sehen, dass er (der Seitenersteller) wohl nicht viel von HTML wusste, als er die Seite erstellte.
viele Grüße
Axel
-
Hallo!
Aaaaha.
Gut "unfähigkeit" will ich dem Ersteller der Seite da nicht
unterstellen, ansonsten sieht sie ziemlich gut aus - find ich.
Und wieder was dazu gelernt. Danke!
Grüße, Matze
-
-
-
-
-