DIV immer unten platzieren

mediaroad

Mitglied
Hallo zusammen,

ich habe ein Problem und im Netz leider keine konkrete Lösung bisher gefunden. Nun hoffe ich auf euch! ;)
Ich möchte meinen "Adress-Div" immer unten platzieren - abhängig von dem Inhalt in dem "Content-Div".

Ich habe schon probiert dem Content eine position:relative; und dem Aktuellen und dem Adress-Div eine position:absolut; mit bottom:0px; zuzuweisen. Doch leider bezieht er das auf das gesamte Browser-Fenster und nicht auf den Inhalt des Content.

Hier meine CSS und den HTML Code zur Verdeutlichung

Code:
#main_bg{          /* Gesamt-Div umschließt den "Links" und "Content" */
	width:900px;
	min-height:325px;
	height:auto !important;
	height:325px;
	float:left;
	background-image:url(../bilder/main_bg.png);
	background-repeat:repeat-y;
}
#links{               /* Gesamt-Div umschließt Aktuelles und Adresse*/
	width:190px;
	min-height:325px;
	height:auto !important;
	height:325px;
	float:left;
}
#aktuelles{              
	width:170px;
	min-height:200px;
	height:auto !important;
	height:200px;
	float:left;
	font-family:"Times New Roman", Times, Garamond, serif;
	font-size:12px;
	color:#535353;
	text-align:justify;
	line-height:18px;
}
#adresse{        /* Dieser Div soll immer unten platziert werden */
	width:170px;
	height:100px;
	float:left;
	font-family:"Times New Roman", Times, Garamond, serif;
	font-size:12px;
	color:#535353;
	text-align:justify;
	line-height:18px;
}
#content{      /* Inhalt - Text*/
	width:665px;
	min-height:325px;
	height:auto !important;
	height:325px;
	float:left;
}


HTML:
<div id="main_bg">
     <div id="links">
          <div id="aktuelles"></div>
          <div id="adresse">Dieser soll abhängig von der Content-Höhe nach unten gehen</div>
     </div>
     <div id="content">Hier steht der Text</div> 
</div>

Ich hoffe ich habe mich verständlich ausgedrückt und man kann mein Problem nachvollziehen. :)
Ich danke euch schonmal im voraus
 
Hi,

grundsätzlich lauten die Regelerweiterungen folgendermaßen:
Code:
#links{               /* Gesamt-Div umschließt Aktuelles und Adresse*/
        width:190px;
        min-height:325px;
        height:auto !important;
        height:325px;
        float:left;
        position:relative;
}

#adresse{        /* Dieser Div soll immer unten platziert werden */
        width:170px;
        height:100px;
        float:left;
        font-family:"Times New Roman", Times, Garamond, serif;
        font-size:12px;
        color:#535353;
        text-align:justify;
        line-height:18px;
        position:absolute;
        bottom:0;
}


... blos hat dies keinen Bezug zum Inhalt des umfliessenden Blocks #content.

mfg Maik
 
Erstmal Danke für deine schnelle Antwort.

Aber das ist mein Problem, ich will den Bezug zum #content.

Ich habe deine Variante mal ausprobiert. Jedoch setzt er den Adressblock jetzt direkt an den Aktuellen-Div und reagiert nicht auf den verlängerten Content.
Im IE7 und IE6 verschiebt er ihn sogar komplett. Die Adresse sitzt nun direkt im Content-Bereich.

Die Frage ist welche anderen Möglichkeiten außer der Positionierung es noch gibt?!
 
Hier lässt sich kein Bezug herstellen, dass bei zunehmenden Inhalt im Spaltenblock #content die Box #adresse im zu umfliessenden (benachbarten) Spaltenblock #links nach unten wandert.

"Mission Impossible" fällt mir dazu nur ein.

mfg Maik
 
Zurück