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
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
Oder man macht ein scrollbares Div (meine Lieblingsmethode).
Dafür ist hier ein einfaches Beispiel:
http://www.flobox.de/scrollbares-div#more-194
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/
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
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
wirst damit echt schon von jeder Seite sprichwörtlich zugeschissen....
via HTML: machst du es mit Frames. Du teilst deine Website also in die Abschnitte "Navigation" und "Hauptteil" ein...
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 ;)
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^^)