Hallo,
ich habe ein klassisches 3 Spalten-Layout mit Kopf und Fuß-Bereich.
Das ganze Gerüst steht schon nur habe ich ein kleines positionierungsproblem.
Und zwar möchte ich, dass die seitlichen Spalten (Sidebars) fixed sind. D.h. dass sie beim Scrollen auf ihrer Position stehen bleiben.
Bei der linken Spalte funktioniert es. Es sit meine Navigation und das ganze beginnt oben und hört auf wenn der Text endet.
CSS-Code:
#sidebar1 {
float: left;
width: 244px;
background: #484848;
padding: 15px 0;
background-image: url(../pics/bg-nav.gif);
background-repeat: no-repeat;
height: 565px;
position: fixed;
}
Bei der rechten Spalte soll nur ein Bild eingefügt werden, dass aber immer nten rechts positioniert werden soll und ebenfalls fixed.
Aber ich bekomm das nicht hin. Sobald ich auf fixed gehe wird das Bild an der oberen Kante der Spalte angesetzt. Hab schon ettliche möglichkeiten mit der Positionierung probiert, aber es reagiert nix.
Im Moment habe ich es so:
#sidebar2 {
float: right;
width: 250px;
background: #484848;
height: 565px;
padding: 10px 0;
}
#sidebar2 img {
position: relative;
top: 315px;
}
Jetzt ist zwar das Bild unten, aber es scrollt mit.
Noch anzumerken wäre, dass das Bild nicht im Document unten rechts immer sein soll, sondern im Browserfenster. D.h. auch wenn der Text über die Grenzen des Browserfensters gehen sollte, soll das Bild im Browserfenster bleiben.
Kann mir jemand nen Tip geben wie ich das machen kann?
Danke schon mal für die Hilfe
Ironbird
ich habe ein klassisches 3 Spalten-Layout mit Kopf und Fuß-Bereich.
Das ganze Gerüst steht schon nur habe ich ein kleines positionierungsproblem.
Und zwar möchte ich, dass die seitlichen Spalten (Sidebars) fixed sind. D.h. dass sie beim Scrollen auf ihrer Position stehen bleiben.
Bei der linken Spalte funktioniert es. Es sit meine Navigation und das ganze beginnt oben und hört auf wenn der Text endet.
CSS-Code:
#sidebar1 {
float: left;
width: 244px;
background: #484848;
padding: 15px 0;
background-image: url(../pics/bg-nav.gif);
background-repeat: no-repeat;
height: 565px;
position: fixed;
}
Bei der rechten Spalte soll nur ein Bild eingefügt werden, dass aber immer nten rechts positioniert werden soll und ebenfalls fixed.
Aber ich bekomm das nicht hin. Sobald ich auf fixed gehe wird das Bild an der oberen Kante der Spalte angesetzt. Hab schon ettliche möglichkeiten mit der Positionierung probiert, aber es reagiert nix.
Im Moment habe ich es so:
#sidebar2 {
float: right;
width: 250px;
background: #484848;
height: 565px;
padding: 10px 0;
}
#sidebar2 img {
position: relative;
top: 315px;
}
Jetzt ist zwar das Bild unten, aber es scrollt mit.
Noch anzumerken wäre, dass das Bild nicht im Document unten rechts immer sein soll, sondern im Browserfenster. D.h. auch wenn der Text über die Grenzen des Browserfensters gehen sollte, soll das Bild im Browserfenster bleiben.
Kann mir jemand nen Tip geben wie ich das machen kann?
Danke schon mal für die Hilfe
Ironbird