Divinhalt MIttig ausrichten?
capgeti
- html
Hallo. Ich wollte gern eine DivBox über die gesamte seite legen.
Der inhalt soll dabei Horizontal sowie Vertikal Mittig sein.
Hab jetzt das Probiert: (zur schnellen darstellung hab ich css mal inline gemacht):
<div style="width: 100%; height: 100%; text-align: center; vertical-align:middle" >
<img alt="Lade..." src="app/spinner.gif">
</div>
jetzt wird aber das Bild oben am bildschirmrand dargestellt, da die Divboxhoehe nur so hoch ist wie das bild was als inhalt ist.
hat einer eine Idee?
@@capgeti:
nuqneH
hat einer eine Idee?
Mehrere: Suche im Archiv, Google, …
Qapla'
hat einer eine Idee?
Mehrere: Suche im Archiv, Google, …
Oder im FAQ.
Hi,
Sorry für die Antworten meiner Vorposter. Leider gibt es in diesem Forum immer wieder Leute die sich aufspielen müssen ohne dass sie zur Lösung eines Problems beitragen.
CSS2 besitzt keine Eigenschaft um Elemente vertikal zu zentrieren. Eventuell wird es das in CSS3 einmal geben. Aber selbst in CSS2 können Sie Blöcke durch die geschickte Kombination von Eigenschaften vertikal zentrieren. Der Trick dabei ist das aussenliegende Blockelement als Tabellenzelle zu formatieren weil alle Inhalte einer Tabellenzelle vertikal zentriert werden können siehe:
http://www.wssexpert.de/Style/Examples/007/center.html
Mit der Verwendung einer Tabellenzelle funktioniert es aber doch (egal ob mit oder ohne CSS): http://www.wssexpert.de/Style/Examples/007/center-example.html
LG
@@anyone:
nuqneH
Sorry für die Antworten meiner Vorposter. Leider gibt es in diesem Forum immer wieder Leute die sich aufspielen müssen ohne dass sie zur Lösung eines Problems beitragen.
Sorry für die Antwort meines Vorposters. Leider gibt es in diesem Forum immer wieder Leute, die sich aufspielen müssen ohne dass sie Ahnung hätten.
CSS2 besitzt keine Eigenschaft um Elemente vertikal zu zentrieren.
Doch, CSS 2 besitzt eine solche Eigenschaft; sie heißt (wer hätte das gedacht) 'vertical-align'.
Qapla'
Hallo,
CSS2 besitzt keine Eigenschaft um Elemente vertikal zu zentrieren.
Doch, CSS 2 besitzt eine solche Eigenschaft; sie heißt (wer hätte das gedacht) 'vertical-align'.
ja, sie wirkt aber leider nur in vielen typischen Fällen nicht (inline in block, block in block).
Ciao,
Martin
@@Der Martin:
nuqneH
ja, sie wirkt aber leider nur in vielen typischen Fällen nicht (inline in block, block in block).
Wirks as designed. ;-)
Qapla'
Sorry für die Antworten meiner Vorposter.
Nix da. Du kannst ihn von mir aus deine Anteilnahme darüber ausdrücken unsere Antworten lesen zu müsse aber das laß bitte sein.
CSS2 besitzt keine Eigenschaft um Elemente vertikal zu zentrieren.
Von dem was Gunnar Bittersmann schreibt einmal abgesehen, wenn es eine FAQ zum horizontalen und vertikalen Zentrieren gibt, meinst Du dann, daß dort nicht darauf hingewiesen werden würde, wenn/warum/wie so etwas gar nicht geht? Und meinst Du nicht, das die dort aufgezeigten Ansetze nicht auch eine "Idee" sind?