Probleme mit Seitenrand
René Maroufi
- css
0 Ingo Turski0 Cyx23
Hallo,
ich habe eine Seite entworfen, auf der alle Elemente mit CSS-Positionsangaben an ihre Stelle "gerückt" werden(also position:absolute;). Dann habe ich versucht einen unteren Rand für das <body> Element zu definieren. Das klappt aber nicht. Egal ob ich ein padding oder ein margin verwende, das längste Element auf der Seite endet immer ganz unten am Seitenrand. Ich möchte aber einen freigelassenen unteren Rand erzeugen. Ich habe dann sogar versucht dem Element das als unterstes angezeigt wird ein margin-bottom zu verpassen, aber auch das geht nicht. Das Element bleibt immer am unteren Rand kleben. Gibt es dafür eine Lösung?
Gruß
René
Hi,
ich habe eine Seite entworfen, auf der alle Elemente mit CSS-Positionsangaben an ihre Stelle "gerückt" werden(also position:absolute;).
das ist in den meisten Fällen extrem ungünstig. Wie sieht Deine Seite in einem kleineren Browserfenster oder bei vergrößerter Schrifteinstellung aus?
Dann habe ich versucht einen unteren Rand für das <body> Element zu definieren. Das klappt aber nicht.
Logisch wenn Du absolut positionierst. Verzichte darauf und margin bzw. padding wirken sich aus. Ansonsten steht es Dir natürlich auch frei, das unterste Element eben nicht ganz unten zu positionieren.
freundliche Grüße
Ingo
Hallo,
Logisch wenn Du absolut positionierst. Verzichte darauf und margin bzw. padding wirken sich aus.
padding beim body wirkt sich aber noch aus, es geht dann vielleicht darum wann sich das padding beim body wie gewünscht auswirkt, je nach Browser und Rendermodus:
body{height:100%;padding:50px}
#oben{position:absolute;top0px;}
#unten{position:absolute;bottom:0px;}
Und ggf. noch: html{height:100%;}
Grüsse
Cyx23