Programmier-Felix
Neues Mitglied
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
style.css
javascript.js
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
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:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="javascript.js"></script>
</head>
<body onload="groesse()">
<div id="alles">
<div id="menue">
<h2>Menü</h2>
<a href="#">Home</a><br>
<a href="#">...</a>
</div>
<div id="content">
<p><h1>Lorem ipsum</h1>Dolor sit amet, ...</p>
</div>
</div>
</body>
</html>style.css
Code:
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
Code:
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
