Oberen Teil der Homepage "befestigen"

[alexanderfrei]

Hi,

ich kenne mich schon ein bisschen mit HTML und CSS aus, und versuche mich grad an einer Homepage für meinen Vater.

Wüsste gerne wie man folgender Effekt erzeugen kann:

Ich hätte gerne, das der obere Teil der Homepage, also Navigation und Banner, "festgepinnt" ist. Also das der obere Teil beim scollen trotzdem sichtbar bleibt.
Habe das auch schon auf einigen Webseiten gesehen, weiß aber nicht mehr bei welchen.

Wie bekomme ich das hin? Danke und MfG,

a.frei

 

[GeBe]

AW: Oberen Teil der Homepage "befestigen"

Hallo,

das geht per Frames oder CSS. Näheres dazu z. B. bei Selfhtml.

Dort sind auch die Nachteile von solcher fixer Bereiche erläutert.
Ich würde es daher eher nicht machen.

 

[Scoobyd]

AW: Oberen Teil der Homepage "befestigen"

Das funktioniert über position:fixed

fixed
Wie absolute, jedoch bleibt das Element beim Scrollen stehen und die Positionierung orientiert sich am Viewport (dem sichtbaren Browserfenster) und nicht am übergeordneten Element.

Quelle position: Positionsart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[Tattoomaus78]

AW: Oberen Teil der Homepage "befestigen"

guck mal hier -> CSS: Footer aller Art - feststehende Elemente realisieren

 

[alexanderfrei]

AW: Oberen Teil der Homepage "befestigen"

@GeBe: was gibt es denn jetzt für Nachteile?

@die anderen: Danke für die Links.

 

[Gideon]

AW: Oberen Teil der Homepage "befestigen"

Der Nachteil besteht in der Begrenzung des eigentlichen Anzeigebereiches, da ein Teil permanent durch Banner und Navigation belegt sind.
Auf einem großen Bildschirm mag das ja noch hinnehmbar sein, aber denk mal an die Leute die mit einem Laptop oder einem kleinen Monitor unterwegs sind.
Ist aber wie immer Geschmackssache.

 

[GeBe]

AW: Oberen Teil der Homepage "befestigen"

@GeBe: was gibt es denn jetzt für Nachteile?

Nur ein Mausklick , zweiter Absatz.

Hallo,

das geht per Frames oder CSS. Näheres dazu z. B. bei Selfhtml.

Dort sind auch die Nachteile von solcher fixer Bereiche erläutert.

 

[alexanderfrei]

AW: Oberen Teil der Homepage "befestigen"

@GeBe: achso im 2. Absatz stehen die. Hab das wohl überlesen. Naja, habe schon mit meinem Vater über Vor- und Nachteile einer fixierten Kopfzeile disskutiert, aber er will es halt so. Außerdem hat heutzutage fast jeder einen Bildschirm mit mind. 19 Zoll.

 

[GeBe]

AW: Oberen Teil der Homepage "befestigen"

@GeBe: achso im 2. Absatz stehen die. Hab das wohl überlesen. Naja, habe schon mit meinem Vater über Vor- und Nachteile einer fixierten Kopfzeile disskutiert, aber er will es halt so.

Ja, ich würde auch nicht leichtfertig mein Erbe riskieren :lol:.

Außerdem hat heutzutage fast jeder einen Bildschirm mit mind. 19 Zoll.

Na ja, schon mal was von Netbooks gehört?

Ernsthaft: Ist davon abhängig, ob die Zielgruppe der Webseite
auf portablen Endgeräten unterwegs ist, die sind meist kleiner.

 

[cebito]

AW: Oberen Teil der Homepage "befestigen"

Außerdem hat heutzutage fast jeder einen Bildschirm mit mind. 19 Zoll.

Das wage ich zu bezweifeln, 17 Zoller sind noch immer gut im Rennen. Daneben gibt es immer mehr Leute die eher ein Notebook oder einen Laptop kaufen und von denen nehmen die Allerwenigsten die "Riesen".

 

[Gideon]

AW: Oberen Teil der Homepage "befestigen"

Hier mal ein Beispiel, wie es selbst mit Riesenbildschirm richtig verkorkst aussieht:

 

[alexanderfrei]

AW: Oberen Teil der Homepage "befestigen"

Na ja, schon mal was von Netbooks gehört?

Daran habe ich noch garnicht gedacht. Muss ich nochmal besprechen.

Hier mal ein Beispiel, wie es selbst mit Riesenbildschirm richtig verkorkst aussieht:

Ah, die Seite kenn ich. Das ist wirklich sehr schlecht gelöst. Aber so fett wird die Kopfzeile bei meinem Vater ganz sicher nicht. Ich dachte da eher an 60-80 Pixel.