hallo leute,
ich stehe vor einem problem, bei dem ich nicht weiß wie ich es umsetzen soll.
ich habe mittels divs einen kopf, content und fußbereich. das content-div passt sich je nach inhalt automatisch in der höhe an.
nun möchte ich ein bild mittels div immer am ende der seite darstellen. das bild ist aber größer als der footer.
im einem bild hab ich das ganze optmisch mal dargestellt wie es sein soll.
am liebsten wäre mir, das problem mit css zu lösen. habt ihr eine lösung?
index.html:
HTML-Code:
<div id="border" >
<div id="head"></div>
<div id="main" >Content</div>
<div id="foot" ></div>
</div>
css:
Code:
#border { width: 1000px; min-height: 500px; margin: 0 auto; }
#border #head { height: 225px; background-color: red; }
#border #main { width: 1000px; height: auto; background-color: green; }
#border #foot { height: 40px; width: 1000px; background-color: blue; }