Tweet
Hallo
nachdem ich nun gut ne stunde die suchergebnisse durchforstet habe
und nix brauchbares gefunden habe poste ich mal.
ich möchte das mein menü-div 100% height hat.
jetzt siehts so aus:
http://nein-andy.de/problem.png
der blaue rand umrandet den div #content
der rote rand den #menu ul
der pfeil zeigt einigermaßen wie es werden soll
so solls dann werden:
http://nein-andy.de/sosollsaussehen.png
html-code
CSS Code
ich hoffe ihr könnt mir bei dem problem helfen
ich geh besser erstmal schlafen
nachdem ich nun gut ne stunde die suchergebnisse durchforstet habe
und nix brauchbares gefunden habe poste ich mal.
ich möchte das mein menü-div 100% height hat.
jetzt siehts so aus:
http://nein-andy.de/problem.png
der blaue rand umrandet den div #content
der rote rand den #menu ul
der pfeil zeigt einigermaßen wie es werden soll
so solls dann werden:
http://nein-andy.de/sosollsaussehen.png
html-code
Code:
(...)
<body>
<div id="maincontainer">
<div id="title">
<img src="$tpldir$images/logo.png" alt="andylib v3" />
</div>
<ul class="menu">
<li>» <a href="#">Administrator Panel</a></li>
<li>» <a href="#" onclick="swap('menubef');">Befehlshilfe</a></li>
<li style="display: none; background-color: #424242;" id="menubef">
<ul class="submenu">
<li>» <a href="#">pika1</a></li>
<li>» <a href="#">pika2</a></li>
</ul>
</li>
<li>» <a href="#">irgendwas anders</a></li>
</ul>
<div id="content">
<h3>» test? «</h3>
</div>
</div>
</body>
(...)
Code:
(...)
#maincontainer {
width: 100%;
height: 100%;
background-color: #000000;
}
#title {
height:80px;
border-bottom: 2px #909090 solid;
text-align: center;
background-color: #252525;
}
#content {
width: 76%;
float: left;
padding: 15px 2%;
background-color: #383838;
height: 100%;
}
.menu {
margin: 0px;
padding: 0px;
width: 20%;
height: 100%;
float: left;
background-color: #424242;
}
(...)
ich geh besser erstmal schlafen
Kommentar