Menü dem Content anpassen

Hi!
Ich wollte das Menü dem Content anpassen, weil es ja nicht so schön aussieht, wenn das Menü kleiner ist als der Content. Ich dacht ich löse das über Javascript.

index.html
[HTML]

Test

Menü

Home
...

Lorem ipsum

Dolor sit amet, ...

[/HTML]

style.css

body { background-color:lightyellow; } #alles { margin-top:20px; margin-bottom:20px; margin-left:auto; margin-right:auto; width:1020px; background-color:yellow; } #menue { float:left; width:250px; background-color:red; padding:5px; } #content { float:right; width:750px; min-height:650px; background-color:orange; padding:5px; }

javascript.js

function groesse() { var groessecontent = document.getElementById('content').style.minHeight; document.getElementById('menue').style.height = groessecontent; document.getElementById('alles').style.height = groessecontent; }

Das funktioniert aber nicht… Ich muss der Variable ‚groessecontent‘ einen Wert am Ende zu weisen, dann ändert sich zwar die größe des Menüs auf die Größe des Contents, aber wenn der Content größer ist, als die ‚min-height‘ ändert sich ja nicht die Zahl, die ich da hinter angegeben hatte.

Könnte mir jemand einen Denkanstoß, einen Fehler (den ich gemacht habe) oder eine Lösung geben?

Grüße
Programmier-Felix

Was meinst du damit?

Ich meinte die Höhe… Hier nochmal ein Bild:

[ATTACH]1922.vB[/ATTACH]

Das rote ist das Menü, das orange der Content und das gelbe das Teil, das alles umfasst. Und ich möchte jetzt das sich das Menü dem Content anpasst. Also das nicht gelbes mehr da ist. Egal wie groß der Content ist…

Ich habe es gerade ausprobiert, und bei mir ist das schon so. Bei mir ist nichts gelbes mehr da.

Hmm… komisch… Ich probier es nochmal bei mir!!

PS: Herzlichen Glückwunsch zu deinem 100. Eintrag! :slight_smile:

EDIT: Habe es jetzt nochmal ausprobiert… Es geht nicht und bei einem Freund von mir geht es auch nicht… In Firefox und Internet Explorer

Danke und dir zu deinem 40. Eintrag! :smiley:

Welchen Browser benutzt du?

Du möchtest gerne, dass das Ganze so aussieht:

[ATTACH]1924.vB[/ATTACH]

Richtig?

Ne… So wird es zwar in FireFox angezeigt… Ich habe es mal mit Paint nachkonstruiert…

[ATTACH]1925.vB[/ATTACH]

PS: Danke!

Du musst im CSS Befehl unter #menu folgendes einfügen:

min-height:650px;

Dann müsste es gleich sein.

Ja, schon aber dann ändert sich ja nicht die Menühöhe mit, wenn sich der Content erhöht. Der Content soll ja keine fixe Höhe haben, sondern sich mit dem Inhalt ändern, aber dann ist das Menü ja zu klein.
Eigentlich soll nur das Menü immer so groß sein wie der Content. Egal wie der Content sich ändert.

Du könntest das mit einer Tabelle machen:
SELFHTML: HTML/XHTML / Tabellen / Aufbau einer Tabelle
http://de.selfhtml.org/html/tabellen/gestaltung.htm
http://de.selfhtml.org/html/tabellen/zellen_verbinden.htm

Eigentlich wollte ich das vermeiden… Ich dacht mit Divs wäre das schöner… zur Not würde ich es aber damit machen.

Wäre aber trotzdem froh wenn es noch eine andere Möglichkeit gibt…

Vielleicht hilft das hier noch: Faux Columns

Das ist zwar mit Hintergrundbild, aber erscheint mir bisher als die beste Methode. Danke erstmal… Ich werds erst mal so versuchen… Aber wenn jemanden noch etwas einfällt einfach POSTEN :slight_smile:

Ok, viel Glück.
PS: Ich würde mich noch über einen Klick auf „Danke“ freuen! :smiley: Danke! :smiley:

Ich habe es nun gemacht. Geht! Danke!

PS: Hab ich schon… :wink:

Bitte! Kein Problem!

PS: Danke!