✔ div in einem div am boden fixieren

[sa1x]

Ahoi,

hab hier nen kleines Problem mit dem ich einfach nicht weiter komme.
Ich habe ein div mit fester Breite darin sind 2 weitere div's eins mit float left und eins mit right. Nun habe ich in dem float:left div noch ein weiteres div das ich am boden fixieren möchte. Nur klappt das ganze nicht da das float:left div nicht auf die height:100% angebe reagiert (denke ich zumindest ^^)

Hier mal der code :

<div> 
  <div> 
   {content_links} 
   <br><br> 
  <div> 
   <div>{ueberschrift}</div> 
   {content} 
  </div> 
 </div> 
 <div> 
  {content_rechts} 
 </div> 
</div>

#content_main { 
         background: url("_img/bg.png"); 
         float:left; 
         min-height: 285px; 
         padding: 10px; 
         text-align:justify; 
         width : 780px; 
} 

#linke_spalte { 
         float:left; 
         height: 100%; /*test*/ 
         width: 385px; 
} 

#rechte_spalte { 
         float:right; 
         width: 385px; 
} 

#faviliste { 
         background: url("_img/faviliste_bg.png"); 
         color: #fff; 
         height:235px; 
         margin: auto; 
         padding: 0 5px; 
         position:relative; bottom: 0px;  /*test*/ 
         width: 370px; 
         overflow:hidden !important; 
}

Und damit das ganze etwas verständlicher ist hab ich mal ein Bild zusammen gepuzzelt :
http://img221.imageshack.us/img221/9995/cssproblempi6.png

Hoffe ihr könnt mir weiter helfen.

mfg sa1x

 

[Gumbo]

Wie sind denn die IDs vergeben?

 

[Maik]

Hi,

könntest du uns auch noch verraten, welchem DIV welche ID zugeordnet ist?

 

[sa1x]

Ups, da hab ich wohl was vergessen ^^"

<div id="content_main"> 
  <div id="linke_spalte"> 
   {content_links} 
   <br><br> 
  <div id="faviliste"> 
   <div>{ueberschrift}</div> 
   {content} 
  </div> 
 </div> 
 <div id="rechte_spalte"> 
  {content_rechts} 
 </div> 
</div>

 

[Maik]

Vielleicht hilft dir da dieses Stylesheet weiter?

html,body {
         height:100%;
         margin:0;
         padding:0;
}

#content_main {
         background: gray url("_img/bg.png");
         float:left;
         padding:0 10px;
         text-align:justify;
         width:780px;
         min-height:100%;
         height:auto !important;
         height:100%;
         position:relative;
}

#linke_spalte {
         float:left;
         height:100%;
         width:385px;
}

#rechte_spalte {
         float:right;
         width:385px;
}

#faviliste {
         background:url("_img/faviliste_bg.png");
         color:#fff;
         height:235px;
         margin:auto;
         padding:0 5px;
         position:absolute;
         bottom:0px;
         width:370px;
         overflow:hidden !important;
}