Zellen einer Tabelle fixieren

[marco]

Hallo Ihr,

ich habe eine Frage zu Tabellen. Ich benutze eine Tabelle, um eine Webseite zu strukturieren. Die Tabelle hat vier Zellen, die linke Spalte ist 200 px breit, die rechte füllt den restlichen Platz des Bildschirmes aus.

In einer der linken Spalte habe ich die Linkliste untergebracht. Jetzt ist es aber so, dass man bei viel Inhalt in der rechten Zelle nach unten scrollen muss. Dadurch scrollt logischerweise auch die Linkliste nach oben aus dem sichtbaren Bereich heraus.

Gibt es eine Möglichkeit, eine Zelle oder verschiedene Elemente (wie z.B. die Links) an einer bestimmten Stelle des Browserfensters zu fixieren, so dass beim scrollen das Element immer an derselben Stelle stehen bleibt?

Das es eine Lösung mit Frames gibt, weiss sich, ist dies aber nicht auch mit Hilfe von Tabellen möglich?

Vielen Dank für eure Hilfe!

Mit freundlichen Grüßen,

Marco

[Karin]

Hi Marco,

Gibt es eine Möglichkeit, eine Zelle oder verschiedene Elemente (wie z.B. die Links) an einer bestimmten Stelle des Browserfensters zu fixieren, so dass beim scrollen das Element immer an derselben Stelle stehen bleibt?

ist es absolute Positionierung 0 fixed, wonach du suchst?
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position

Grüße
Karin

[Frank Opper]

Hallo,

ich habe eine Frage zu Tabellen. Ich benutze eine Tabelle, um eine Webseite zu strukturieren.

Ich halte es nicht für sinnvoll, Tabellen für Layout-Zwecke zu verwenden.

Gibt es eine Möglichkeit, eine Zelle oder verschiedene Elemente (wie z.B. die Links) an einer bestimmten Stelle des Browserfensters zu fixieren, so dass beim scrollen das Element immer an derselben Stelle stehen bleibt?

Mit <div>-Containern, die die Eigenschaft position: fixed haben, ist dies möglich. Details findest Du hier: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position. Und wenn Du http://www.fabrice-pascal.de/bugbase/posfixedie6/ beachtest, klappt's auch mit dem IE6.

Viele Grüße
Frank

[Siechfred]

Hallo Marco,

In einer der linken Spalte habe ich die Linkliste untergebracht. Jetzt ist es aber so, dass man bei viel Inhalt in der rechten Zelle nach unten scrollen muss. Dadurch scrollt logischerweise auch die Linkliste nach oben aus dem sichtbaren Bereich heraus.

Du brauchst zur Strukturierung eigentlich keine Tabelle, du brauchst lediglich ein DIV für die Navigation und ein DIV für den Inhalt daneben. Ich kopiere dir gerade mal die CSS-Definition aus einer meiner Seiten:

CSS:

#links {
 position:absolute;
 left:0;
 top:0;
 margin:0;
 width:12em;
}
#rechts {
 text-align:center;
 margin-left:13em;
 padding:0 2.0em 0 0;
}

HTML:

<div id="links">
  <!-- Navigation als ungeordnete Liste -->
</div>
<div id="rechts">
  <!-- Inhalt -->
</div>

Gibt es eine Möglichkeit, eine Zelle oder verschiedene Elemente (wie z.B. die Links) an einer bestimmten Stelle des Browserfensters zu fixieren, so dass beim scrollen das Element immer an derselben Stelle stehen bleibt?

Es besteht die Möglichkeit, das Navigations-DIV mit Hilfe der CSS-Eigenschaft position:fixed zu fixieren:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position

Das Problem ist, dass der IE diese Eigenschaft nicht korrekt umsetzt, sodass Besuchern mit dem IE dieses Feature deiner Seite verborgen bliebe. Ergo musst du hier mit ein paar Tricks arbeiten, z.B. Conditional Comments:

http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp

Freundschaft!
Siechfred