[PaterNoster]

Hallo zusammen!

Wollte mal ein wenig rumspielen und ausprobieren, dabei bin ich auf folgendes Problem gestoßen:

Die Navigation befindet sich in einem DIV auf der linken Seite, Höhe 100%, incl einer Hintergrundgrafik, die immer unten rechts angezeigt werden soll. So weit so gut.

Jetzt habe ich in das Navi-DIV noch ein "Impressums-DIV" eingebaut, welches auch immer unten rechts angezeigt werden soll, aber das kriege ich irgendwie nicht hin.

Verkürzte Darstellung des Navi-DIVs

<div id="navi">
         
         
         <a href="index.php">Startseite</a>
         <a href="#">blub</a>
         <a href="#">blub</a>
         
         
         <div id="navi_imp">
            Ganz viel Adresse und so<br />
            <a href="impressum.php" class="klein">[Impressum]</a>
         </div>
         
      </div>

Passende CSS:

#navi {
   background-image:url(../images/allgemein/logo.jpg);
   background-repeat:no-repeat;
   background-position: bottom right;
   background-color:#fff;
   float:left;
   height:100%;
   width:250px;
   margin:0;
   border-right: 10px double #8b9bb0;
}

#navi a {
   text-decoration:none;
   display:block;
   text-align:right;
   margin:15px 10px 0 0;
}

#navi_imp { 
   bottom:0;
   right:10px;
   text-align:right;
   position:relative;
}

Wie gesagt, die Hintergrundgrafik wird astrein da angezeigt, wo ich sie haben möchte, aber das schäbige navi_imp will nicht nach unten rechts. Habe jetzt schon seit mehreren Stunden die verschiedensten Variationen durch, aber irgendwie komm ich nicht weiter. Auch Onkel Google hat mich nicht geholfen...

[PaterNoster]

Das Leben kann so einfach sein:

Dem Eltern-DIV einfach ein "position:relative" mit auf den Weg (bzw in die CSS geben), das unten zu positionierende kriegt "position:absolute;bottom:0". Fertig!

[Ben]

Danke!
Ich hatte das auch gesucht .. .