Zur Navigation

CSS Layer am absoluten bottom einer Zelle (td) ?

1 bilbo_b (Gast)

Hallo auch...

Wie bekomme ich einen CSS Layer auf dem absoluten untersten Ende einer Tabellenzelle positioniert ? Bisher erreiche ich nur, das der Layer sich am Browserfenster orientiert.

Ok folgendes Szenario: Die Seite hat ein 3 Spalten Layout, realisiert mit einer Tabelle. Die Tabelle hat height und width mit 100%, es gibt eine Zeile und 3 Spalten, erste Spalte 200 Pixel breit, die dritte auch, der rest in der Mitte dehnt sich je nach Auflösung.

In der linken Spalte / Zelle ist ein Layer mit z-index 2 gaaanz oben positioniert. Das funktioniert auch. Darunter soll ein zweiter Layer mit z-index 1 (damit er unter Layer 1 verschwindet, wenn das Fenster zu klein wird um alles darzustellen). Dieser ist mit position: absolute; bottom: 0px positioniert.

Das Problem: Ist das Fenster des Browser 800x600 also ca. 600 Pixel hoch aber die Seite hat mehr Inhalt, muss also gescrollt werden nach unten (sagen wir mal 1024 Pixel hoch), so ist der zweite Layer am bottom des Browser abgelegt und nicht am bottom der Seite bzw. Zelle.

Er soll aber am Boden der Zelle liegen. Wie kann ich das erreichen ?

23.10.2006 17:03

2 Jörg Kruse

Hallo bilbo_b,

mit Tabellen würde ich kein Seitenlayout mehr realisieren - aber wenn du die Tabelle beibehalten möchtest, würde ich es so probieren, die linke Tabellenzelle mit der Eigenschaft vertical-align:bottom zu versehen und den ersten Layer absolut oben zu positionieren:

<td style="width:200px; vertical-align:bottom">
  <div style="position:absolute; top:0; z-index:2"></div>
  <div style="z-index:1"></div>
</td>

23.10.2006 17:40

3 bilbo_b (Gast)

Danke... mit dem Tipp klappts sowohl im IE als auch im Firefox, werds morgen gleich mal in mein Stylesheet aufnehmen... bestens...

23.10.2006 18:10

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]