Link immer ganz unten positionieren?

[Andreas_B.]

Hallo!

Habe da gleich noch eine Anfängerfrage.

Stellt euch bitte mal einfach ein 3 Spalten Layout vor, links die Navigation, in der Mitte der Content und rechts Banner.
Also 3 DIV-Container.
So, im linken habe ich oben die Navigation, darunter möchte ich nun einen Link einfügen, aber NICHT einfach unter der Navigation, sondern direkt am Ende dieser Box. Also so in Etwa 5px von unten weg gesehen.
Wiesst ihr wie ich das jetzt meine?
Ganz egal wie lange/hoch die Seite dann wird, die Box passt sich sowieso automatisch an, nur der Link, der soll eben auch immer ganz unten stehnbleiben.
Ich kann daher auch nicht einfach margin-bottom:50px; sagen, weil dann wäre es ja ne fixe Höhe, der Link soll immer von unten aus gesehen 5px von der Innenkante weg sein.
Nur wie mach ich das?

MfG Andre

 

[asd]

erstelle am besten einen überlappenden container. Den abstand lägst du mit margin fest

 

[Prophet]

Das ist nicht so einfach. theoretisch müsste es über die Position-Eigentschaft lösbar sein. Diese wird jedoch von den Browsern unterschiedlich interpretiert. Daher würde ich folgendes Workaround vorschlagen:
Hier der HTML Code:

<div id="seite">
  <div id="body">
    <div id="body-left">
      Navigation
    </div>
    <div id="body-center">
      Content
    </div>
    <div id="body-right">
      Banner
    </div>
    <!-- Damit sich das div mit den Floats ausdehnt. -->
    <div style="clear:both;"></div>
  </div>
  <div id="foot">
    Fussteil mit dem Link
  </div>
</div>

CSS-Code:

#body-left
{
  /* Damit es Links floatet. */
  float:left;
  width:100px;
}

#body-center
{
  /* Damit er nicht hinter die beiden seitlichen floats rutscht. */
  margin-left:100px;
  margin-right:100px;
}

#body-right
{
  /* damit er recht schwebt. */
  float:right;
  width:100px;
}

So sollte es gehen. Wenn noch fragen sind beantworte ich die natürlich gerne. Ich hoffe das ganze hilft weirter.

 

[Andreas_B.]

Hallo!

Ich danke euch beiden.
War zwar nicht exakt das was ich meinte - aber immerhin der richtige Denkanstoß für mich - so habe ich es nach 2 Stunden "rumbasteln" nun hinbekommen wie gewünscht. :)