W jaki sposób mogę ustawić aby wysokość kontenera #menu była do samego dołu. Chodzi o ten z czerwonym tłem.
div#glowny {
text-align: left;
width: 850px;
height: 100%;
margin: 0 auto;
padding: 0;
position: relative;
}
div#top {
height: 281px;
background: url("logo.png");
background-repeat:no-repeat;
background-color: transparent;
}
div#menu {
width: 200px;
position: absolute;
float: left;
text-align: center;
background: url("menu_right_back.jpg");
background-position: right;
background-repeat: repeat-y;
background-color: red;
}
div#srodek {
text-align: left;
width: 650px;
margin: 0 auto;
padding: 0;
background: white;
min-height: 500px;
background: url("main_back.jpg") repeat-y;
float: right;
}
div#stopka {
height: 121px;
clear: both;
position: relative;
background: url("doltlo2.jpg");
}
<div id="glowny">
<div id="top"></div>
<div id="menu">
<div id="menupod">
<p>Menu:</p>
</div>
<ul>
<li><a href="index.html">Link1</a></li>
<li><a href="index.html">Link2</a></li>
<li><a href="index.html">Link3</a></li>
<li><a href="index.html">Link4</a></li>
</ul>
<div id="menupod2">
<p>Modele:</p>
</div>
<ul>
<li><a href="index.html">Link1</a></li>
<li><a href="index.html">Link2</a></li>
<li><a href="index.html">Link3</a></li>
<li><a href="index.html">Link4</a></li>
</ul>
<div id="menupod2">
<p>Pomoc:</p>
</div>
<ul>
<li><a href="index.html">Link1</a></li>
<li><a href="index.html">Link2</a></li>
<li><a href="index.html">Link3</a></li>
<li><a href="index.html">Link4</a></li>
<li><a href="index.html">Link3</a></li>
</ul>
</div>
<div id="srodek">
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
<p class="text">Text Text text tetxt tetxt tetxt</p>
</div>
<div id="stopka">
<p>© copyright Mati</p>
</div>
</div>