Parallax Scrolling
bearbeitet von Matthias ScharwiesServus!
> Hallo,
>
> habe hier leider keinen Hinweis gefunden. Ich würde gerne eine mittig zentrierte, 1.000 px breite Seite erstellen.
**Tipp 1:**
Lass es, das widerspricht den Grundsätzen modernen Webdesigns:
wichtiger Grundlagenartikel im Wiki: [HTML/Tutorials/responsive Webdesign](https://wiki.selfhtml.org/wiki/RWD)
**Tipp 2:**
kein float, sondern margin: auto
wichtiger Grundlagenartikel im Wiki: [Inhalte zentrieren](https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Inhalte_zentrieren#margin:_auto)
postion:fixed und [background-position](https://wiki.selfhtml.org/wiki/Background-position)
Das mag in deiner Vorstellung bei 1000px gut aussehen, auf mobilen Geräten aber wohl eher nicht.
**Tipp 3**
ein bisschen steht hier zu [Parallax Scrolling ](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder#Parallax_Scrolling)
Herzliche Grüße
Matthias Scharwies
--
Es gibt viel zu tun:
*[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}
Frage zum Wiki-Artikel „float“
bearbeitet von Matthias ScharwiesServus!
> Hallo,
>
> habe hier leider keinen Hinweis gefunden. Ich würde gerne eine mittig zentrierte, 1.000 px breite Seite erstellen.
**Tipp 1:**
Lass es, das widerspricht den Grundsätzen modernen Webdesigns:
wichtiger Grundlagenartikel im Wiki: [HTML/Tutorials/responsive Webdesign](https://wiki.selfhtml.org/wiki/RWD)
**Tipp 2:**
kein float, sondern margin: auto
wichtiger Grundlagenartikel im Wiki: [Inhalte zentrieren](https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Inhalte_zentrieren#margin:_auto)
postion:fixed und [background-position](https://wiki.selfhtml.org/wiki/Background-position)
Das mag in deiner Vorstellung bei 1000px gut aussehen, auf mobilen Geräten aber wohl eher nicht.
Herzliche Grüße
Matthias Scharwies
--
Es gibt viel zu tun:
*[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}