Div Positionierung - bottom

sternli

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#menue {
	position:absolute;
	left:13px;
	top:12px;
	width:193px;
	height:287px;
	background-image:url(images/menuleft.jpg);
}
#rolle {
	position:relative;
	bottom:0px;
	width:193px;
	height:49px;
}
-->
</style>
</head>


<body>
<div id="menue">
<div id="rolle">[img]images/test.png[/img]</div></div>


</body>
</html>

Alles anzeigen

Hab dazu mal noch ein Bild angehängt. Das ganze soll ein Menü werden, später kommt noch Home.. ect. dazu. Die Schriftrolle die nun im Bild Oben hängt sollte eigentlich am unterem Ende des 1. Div´s sein. Und sich automatisch anpassen wenn im Menü etwas dazu kommt und es dadurch länger wird. Also das es IMMER am unterem Rand vom Menü ist.

Ich bekomm das ganze einfach nicht hin, nicht mal das sie sich unten ausrichtet.

Ich hoffe ich habe das verständlich genug erklaert.

sternli

sejuma

Das wirst du so nicht hinbekommen:
Du hast für das menue einen eigenen div, wo deine Links rein kommen.
Also muss sich auch dieser div entsprechend der Anzahl der Links bzw. seiner Höhe nach unten erweitern.
Dein zweiter div mit der Rolle hat dann mit der menue-Höhe nichts zu tun.
Warum verzichtest du nicht einfach auf diesen? Das background-image von menue kachelt sich mit zunehmendem Inhalt doch automatisch nach unten.

Oder du fügst den "letzten Teil" des menues eben in den Rollen-div.
Verzichte auf absolute Positionierungen.

So müsste es funktionieren:

Code

<style>


#navi
{float:left;}


#menue {
   margin-left:13px;
   margin-top:12px;
   width:193px;
   background-image:url(images/menuleft.jpg);
   background-repeat: repeat-y;
}
#rolle {
margin-left:13px;
width:193px;
background-image:url(images/test.png);
  }


</style>
</head>


<body>
<div id="navi">
<div id="menue">
menue 1
</div>
<div id="rolle">"Ergänzungslinks"</div>
</div>

Alles anzeigen

oohh.. super danke fuer die Antwort, genau so hab ich das gewollt

Vielen Dank !

sternli

bla , als gast getippert Danke

Tags