Hallo zusammen,
folgendes Problem: bei zwei nebeneinander liegenden DIVs in einem wrapper (links die Navigation, rechts der Inhalt), soll der eine DIV die restliche Höhe im wrapper ausnutzen, welche der andere DIV durch seinen Inhalt an Höhe vorgibt.
Zur besseren Vorstellung ein Bildchen und der passende Code:
Ich bekomme es einfach nicht hin! Wie lässt sich es sich realisieren, dass die Navigation die mögliche Höhe ausnutzt? Ist das überhaupt möglich ohne Java Script?
Vielen Dank im Voraus für eure Hilfe!
folgendes Problem: bei zwei nebeneinander liegenden DIVs in einem wrapper (links die Navigation, rechts der Inhalt), soll der eine DIV die restliche Höhe im wrapper ausnutzen, welche der andere DIV durch seinen Inhalt an Höhe vorgibt.
Zur besseren Vorstellung ein Bildchen und der passende Code:
HTML:
<html>
<head>
<style type="text/css">
body {
margin: 15px;
}
.wrapper {
width: 100%;
margin: 0 auto;
}
nav {
float: left;
width: 200px;
background-color: #98fb98;
}
header {
float: left;
width: 100%;
background-color: #f4f4f4
}
article {
margin-left: 202px;
background-color: #afeeee;
}
footer {
float: left;
width: 100%;
background-color: #f4f4f4;
}
</style>
</head>
<body>
<div class="wrapper">
<header>
Header
</header>
<nav>
Navigation
</nav>
<article>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt
</article>
<footer>
Footer
</footer>
</div>
</body>
</html>Ich bekomme es einfach nicht hin! Wie lässt sich es sich realisieren, dass die Navigation die mögliche Höhe ausnutzt? Ist das überhaupt möglich ohne Java Script?
Vielen Dank im Voraus für eure Hilfe!
