URL: https://www.overclockers.at/coding-stuff/html_css_div-hoehe_mindestens_ueber_ganze_seite_149208/page_1 - zur Vollversion wechseln!
Habe gerade ein kleines CSS Problem.
Entwickle gerade ein Layout mit einer Div Struktur. Da gibt es zB ein div für den Content und eines für den Footer. Das content-div ist aber im Defaultfall so hoch wie der Inhalt -> bei wenig Inhalt ist es sehr klein bzw der footer pickt dann auch oben. Hier das konkrete Beispiel: http://fry.homeip.net/test/
das CSS dazu: http://fry.homeip.net/test/style.css
(Der Rahmen um den Footer ist zu "Debugzwecken" noch drinnen, damit man sieht wo das div wirklich hinplaziert wird)
Hätte jetzt gerne dass die Content Fläche immer das Browserfenster ausfüllt bzw wenn mehr Content als eine Seite drin ist darf dieser natürlich nicht aus der Fläche herausragen -> das contentdiv muss auch entsprechend groß werden. Die Eigenschaft min-height ist mir bekannt, jedoch wird die vom IE noch net interpretiert und der firefox schafft da zB keine % angaben (seltsamerweise, bei meinen Tests). Und px will ich auch nicht verwenden, hätte es lieber dynamischer.
Hab mich jetzt schon ein wenig mit den Elternelementen bzw Containern und height Angaben gespielt, bekomm jedoch nicht den gewünschten Effekt hin.
Hoffe es ist klar worauf ich hinauswill bzw wär ich für alle Tipps dankbar. Stehe momentan echt an.
IE 'heigh' verhaelt sich wie 'min-height'. Das Problem mit % ist, dass es '% vom parent container' ist. Wieviel gibt der parent-container? In deinem Fall ist der parent-container 'body'. Der hat aber keine height-Angabe, somit ist seine Hoehe immer nur 'as needed'. Wenn du ihm mehr Hoehe gibst, z.B. min-height: 100% o.ae. wirst du in die richtige Richtung arbeiten.
Aber du wirst viele Faktoren finden, die das als nicht praktikabel erscheinen lassen. Es ist eines dieser Dinge die mit Tables in 0 Sekunden X-Browser fertig ist und mit CSS ... nunja, vermutlich wirtschaftlich praktikabel gar nicht loesbar.
overclockers.at v4.thecommunity
© all rights reserved by overclockers.at 2000-2026