Divs ohne Zwischenabstände

[Matthias Scharwies]

Servus!

Oh, jeeee!
Was habe ich nur angerichtet?

Nein, das warst nicht du!

Deshalb also ein einfaches Beispiel, an dem ich neben der 3-Spalten-Aufteilung erkennen kann, wie die Anwendung erstellt werden muss, damit sie auf (fast) allen Geräten ansprechend ist.

Hier ist unser Einstieg in HTML - das Tutorial kannst du überfliegen und dich irgendwo festbeißen, wenn für dich etwas Neues kommt. Am Ende findest du diese responsive^[1] Beispielseite, die du als Vorlage nehmen kannst:

• Schreinerei Meier

Ein Beispiel für 3 Elemente nebeneinander - ähnlich dem von Gunnar - findest du im Grid-Tutorial:

• Holy-Grail-Layout mit Grid
  • Hier könntest du Navigation und aside durch img-Elemente ersetzen und deinen Plan umsetzen.

Herzliche Grüße

Matthias Scharwies

---

1. Responsiv heißt, dass die Webseite auf Größenänderungen des Viewports selbständig „antwortet“, d.h. automatisch ihre Größe und das Layout ändert. ↩︎