HTML/ CSS Seite zentrieren und die Seitenränder anpassen?
Hallo, ich programmiere zur Übung eine Automarken-Webseite.
Ich will, dass die Buttons so sind;
Und nicht so: (Der Rahmen dient nur zur Übersicht)
Aber wenn ich die Webseite verkleinere, dann sieht so aus; ich möchte aber, dass die sich richtig anpassen, also z.B. 2 nebeneinander sind.
Welchen Befehl kann ich dafür verwenden?
Hier habe ich den Befehl verwendet: .body {
margin-left: 28%;
margin-right: 28%;
}
2 Antworten
Grob gesagt brauchst du dabei Grid Layout oder Flexbox und die Angabe von Breiten pro Displaygröße (Mediaqueries).
Sprich bspw. sowas:
Schau dir mal das Thema "Responsive Webdesign" an und verwende dafür ein Gridsystem (z.B. Bootstrap oder etwas Vergleichbares).
Hier habe ich den Befehl verwendet: .body {
Du hast eine Eigenschaft vorgegeben, die pauschal prozentuale Abstände nutzt.
Wenn du das auf die Displaygröße anpassen willst, dann stellst du das entsprechend in den Media-Queries ein. Für jede gewünschte Displaygröße eine Media-Query mit Min- und Max-Auflösung und darin dann diese Eigenschaft für das Display anpassen.