DIVS schießen hinaus,

html.de-Forum HTML, XHTML & CSS
1

Hi Leute,

ich bin langsam am Verzweifeln.

Das einzige was ich im Prinzip will, ist nich viel verlangt ^^
Ich will nur, dass mein Menü links, einfach nur den Platz bis unten hin ausfüllt. Mit height 100% geht es irgendwie nicht, es schießt drüber hinaus.

[CODE]

#top { width: 100%; height: 174px; min-width: 1024px; overflow: auto; background-color:#CCCCCC; } #topleft { width: 424px; height: 174px; background-color:#996633; float:left; } #topright { width: 481px; height: 174px; background-color: #009999; float:right; } #menu { width: 239px; height: 500px; background-color: #0033CC; position:absolute; top: 174px; left: 0px; } #menutop { height: 162px; background-color:#000033; } #menubottom { height: 96px; width: 239px; background-color: #CCCC66; vertical-align:bottom; position:absolute; bottom: 0px; left: 0px; } body { margin: 0; }
[/CODE]Warum ich die Page so aufbaue? Damit die auf allen Größen und Auflösungen flexibel ist. ich zeig euch ma noch kurz, wie es aussieht, und wie ich es gerne hätte.

SO ist die:
http://www4.pic-upload.de/29.12.09/6c94ruiw7lnl.jpg

So will ich die:
http://www4.pic-upload.de/29.12.09/5iinar8mmxy8.jpg

Oh man hoffentlich könnt ihr mir weiterhelfen:)

Danke euch

2

Bei height 100% musst du nach dem CSS-Boxmodell noch die 174px für den oberen Bereich hinzurechnen. Damit ist die Seite dann 100% + 174px hoch und folglich größer als das Bildschirmfenster.

Versuch’s mal nach diesem Prinzip, indem du die unteren Grafiken in den Footer einbindest: Footer immer unten anordnen

3

Das Erstellen von Websites hat rein gar nichts mit der Auflösung zu tun. Die begrenzt den verfügbaren Platz für Deine Seiten zwar nach oben hin, wird aber in aller Regel nie erreicht und oftmals sogar weit unterschritten.