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
Ich hoffe ich habe mich verständlich ausgedrückt und man kann mein Problem nachvollziehen.
Ich danke euch schonmal im voraus
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