HTML/CSS -> Bild auf Startseite an Höhe und Breite des Bildschirms anpassen, sodass die Startseite auf jedem Gerät gleich aussieht?

Hallo,

Ich möchte eine eigene Webseite gestalten welche sich automatisch auf die Größe und Breite des jeweiligen Besucher-Displays anpasst, also unabhängig von der Bildschirmgröße oder Auflösung ist. Die Startseite soll dabei immer den kompletten Bildschirm einnehmen, egal ob dieser schmal und hoch oder breit und flach ist.

Die Startseite enthält ein Bild welches im Hintergrund liegt. Beim scrollen soll direkt der neue Bereich beginnen. Beim öffnen der Seite auf einem normalen PC-Monitor soll das Bild komplett zu sehen sein, auf dem Handy Bildschirm nur ein Ausschnitt. Die Navigationsleiste und das Logo sollen dann in die Mitte rutschen, sodass die Struktur, soweit möglich, beibehalten wird.

Der Bereich unter der Startseite beinhaltet eine horizontale Liste, welche sich auf dem Handy Bildschirm vertikal ausrichten soll, sodass die einzelnen Elemente statt nebeneinander untereinander aufgelistet werden.

Mir ist klar das diese Frage einen viel zu großen Umfang hat, mir würde es aber schon viel helfen wenn mir jemand der sich damit auskennt Tipps geben könnte ob es mit CSS überhaupt realisierbar ist, oder ob man diese Funktionen mit Javascript oder ähnlichen Programmiersprachen umsetzen muss. Auch Tipps zu Büchern oder Internetseiten würden mir echt sehr helfen!

Vielen Dank im Voraus für eure Hilfe! 

Computer, Internet, Technik, HTML, Webseite, CSS, JavaScript, Startseite, Technologie, Webseitenerstellung
5 Antworten
Wordpress: Anderes Layout für Startseite als für die restlichen Seiten?

Hallo liebe Community!

Ich habe folgendes Problem:

Ich möchte gerne eine Homepage erstellen, auf der die Startseite ein anderes Layout haben soll als die restlichen Seiten (quasi wie die Titelseite in einer PowerPoint Präsentation).

In meinen Vorstellungen sieht es so aus, dass auf der Startseite groß das Logo zu sehen ist, darunter die Navigationsleiste, darunter ein „Untertitel“ und am unteren Rand der Seite ein fixierter Footer mit Copyright, Impressum, AGB etc. Es soll also nicht möglich sein nach oben oder nach unten zu scrollen.

Das Layout der restlichen Seiten soll so aussehen, dass links oben etwas kleiner das Logo zu sehen ist, rechts oben ein Login Feld für den Onlineshop und darunter über die gesamte Breite die Navigationsleiste. Im Footer soll dasselbe stehen wie auf der Startseite, aber der Footer soll auf den restlichen Seiten nicht fixiert sein.

Könnt ihr euch ungefähr vorstellen, was ich meine?

Ich habe schon meine eigene Homepage mit WordPress und mit dem Jupiter Design erstellt (die neue ist für meinen Mann) und ich kenne mich grundsätzlich mit den Funktionen relativ gut aus. Nur habe ich bis jetzt nicht gefunden, ob es überhaupt möglich ist die Startseite anders zu gestalten und wenn ja, wie.

Ich hoffe sehr, dass mir hier jemand weiterhelfen kann :)

Liebe Grüße,
Hanni92

Homepage, Internet, Website, Webseite, Wordpress, Startseite, homepage erstellen, homepageerstellung, Webdesign
3 Antworten

Meistgelesene Fragen zum Thema Startseite

Ryanair mit Paypalzahlung funktionierte nicht?

3 Antworten

Wie entferne ich Startseite24.net?

8 Antworten

Kann nicht MSN als Startseite entfernen. Es blockt Google, es nervt! Wer kann helfen?

5 Antworten

Wie stelle ich ein, dass die Startseite kommt, wenn ich den letzten Tab schließe?

5 Antworten

Haus zur Startseite bei Google Chrome ist nicht da & bei Optionen nicht einstellbar

3 Antworten

! dringende hilfe beim frauenbart:(

6 Antworten

Google Chrome schließt wenn ich den letzten Tab schließe.

2 Antworten

Facebook Profilbild erneut auf der Startseite

3 Antworten

Firefox lässt startseite nicht ändern?

5 Antworten

Startseite - Neue und gute Antworten