HTML - Objekte "Fixieren"?
Hallo Leute,
Wie macht man so was in HTML/CSS?:
Also das die Seiten immer bleiben und sich nur der Mittelteil bewegt?? Hoffe auf Antworten, Carlo!
5 Antworten
![](https://images.gutefrage.net/media/user/kuechentiger/1444744877_nmmslarge.jpg?v=1444744877000)
Hat man früher mit Frames gemacht, das ist heute nicht mehr gern gesehen.
Es gibt verschiedene Möglichkeiten:
man kann das Menü, den Bannerbereich und alles was sich sonst nicht mitbewegen soll, wie roybohn11 schon sagte, mit position:fixed "festkleben".
http://de.selfhtml.org/css/layouts/fixbereiche.htm#definieren
![](https://images.gutefrage.net/media/user/kuechentiger/1444744877_nmmslarge.jpg?v=1444744877000)
Oder man macht ein scrollbares Div (meine Lieblingsmethode).
Dafür ist hier ein einfaches Beispiel:
http://www.flobox.de/scrollbares-div#more-194
![](https://images.gutefrage.net/media/user/kuechentiger/1444744877_nmmslarge.jpg?v=1444744877000)
Oder man macht eine Seite mit Menü, Banner etc. und setzt den (externen) Inhalt in eine Art Frame als "Object", was dann mit overflow:auto scrollt, also sich bewegen läßt.
http://www.mediaevent.de/2008/12/html-object-tag/
![](https://images.gutefrage.net/media/user/kuechentiger/1444744877_nmmslarge.jpg?v=1444744877000)
Ach, das was du da meinst auf dieser Seite ist ein festes (background-attachment:fixed) Hintergrundbild im Body, wo der ganze Seiteninhalt in einem etwas schmäleren div sitzt. Das hat auch wieder einen (halbdurchsitigen (*.png)) Hintergrund, der sich mit "background-attachment:scroll" drunter bewegt.
Beispiel wie man sowas macht:
http://www.webmasterpro.de/coding/article/css-bildeffekte-mit-background-attachment-fixed.html#goto-veranschaulichung
![](https://images.gutefrage.net/media/default/user/9_nmmslarge.png?v=1551279448000)
mit css geht das
.element{
position:fixed;
left:0px;
top:0px;
width:100px;
height:100px;
}
und schon ist ein html-element mit dieser Klasse fixiert.
nur der IE bockt damit n bissl rum, der alte jedenfalls :-)
Beste Grüße
![](https://images.gutefrage.net/media/default/user/10_nmmslarge.png?v=1551279448000)
wirst damit echt schon von jeder Seite sprichwörtlich zugeschissen....
![](https://images.gutefrage.net/media/default/user/8_nmmslarge.png?v=1551279448000)
via HTML: machst du es mit Frames. Du teilst deine Website also in die Abschnitte "Navigation" und "Hauptteil" ein...
![](https://images.gutefrage.net/media/user/MEGACHELTERRAR/1444744731_nmmslarge.jpg?v=1444744731000)
Man kann etwas neues in DIVs schreiben, aber einfacher aber auch älter sind iFrames:
http://de.selfhtml.org/html/frames/eingebettete.htm#definieren
Bei Fragen einfach schreiben ;)
![](https://images.gutefrage.net/media/default/user/10_nmmslarge.png?v=1551279448000)
mit Frames zB
Äh, irgendwie klappt es nicht, könntest du mal einen MINI(!!) Quelltext als beispiel zeigen?
Danke! (esse jetzt erstmal, also kann ich nicht direkt testen^^)