Hallo zusammen,

da ich eine neue website erstellen möchte und Auflösungsunabhängig arbeiten möchte, dachte ich mich mir ich arbeite in %-angaben, bei den breiten und höheneinstellungen.

Mein Problem ist allerdings, wenn ich das so mache, wie ich es mir vorgestellt habe, verändert sich die Seite quasi, wenn ich z.b. vom maximieren auf minimieren gehe im Browser, was letzendlich dann schlecht aussieht, weil sich alles verschiebt. Letzendlich ist es ja logisch, denn die Prozentangaben, verändern sich zusammen mit der Browsergrößefenster, also sie werden da weiterhin eingehalten. Ich hatte zuvor immer mit position:absolute gearbeitet und festen pixel angaben bei den Größen. Das hat alles super geklappt, es hat sich nix verschoben etc. Aber war halt wie gesagt, nicht Auflösungsunabhängig....

Deshalb meine Frage, wie kann ich es programmieren, dass ich mit %-Angaben arbeite, aber sich Seite nicht zusammen mit dem Maximieren und Minimieren vom Browser verändert?

Außerdem, würde ich es gerne wissen, wie man "heutzutage" generell Div-Container mit Größenangaben auf moderner Basis programmiert? Was ist gängig und schlau gelöst?

Hier der Code meiner kleinen "Seite"

index.html

Schau dir unbedingt mal CSS media-queries an. Das ist heute der Weg um ein Design an verschiedene Viewports anzupassen.

Der erste Satz nicht, weil:

* i.d.R. kann man auf "div-Container" bei HTML5 verzichten. Dafür gibt es jeweils passenden Ersatz in Form von header, footer, main, section etc.pp
* man programmiert HTML nicht
* Größenangaben macht man mit CSS, das hat mit HTML nichts zu tun