Hallo zusammen! Schön, endlich mal wieder hier zu landen!

Ich stehe vor der Aufgabe, eine Art Template für eine Browser basierte Applikation (zur Datenerfassung), mit Gruppen von Eingabefeldern, Dropdowns, Tabellen usw. anzufertigen.
Hierbei ist es wichtig, dass die Seite NICHT responsive ist, sich beim Ändern des Browserfensters oder auf anderen Devices also nicht verändert.

Ich suche nun einen Ansatz, denn eigentlich wird ja heutzutage alles responsive und flexibel gestaltet.

Meine erste Idee ist nun, als Basis das 960 Grid System zu nutzen. So könnte ich recht einfach die unterschiedlichen Eingabe Felder und Gruppen generieren und nachher nach Bedarf kopieren und herumschieben.

Was wäre euer Ansatz, eine statische Seite, für eine Applikation zur Datenerfassung zu generieren? Und ja, das ganze muss auf reinem CSS / HTML basieren.

Freue mich über jeden Tip und Hinweis! Vielen Dank!

Hallo

Es gab und gibt kein 960 Grid System. Webseiten haben keine Größen, sondern sind beliebig groß. Überforderte Webseitenersteller haben deshalb das Märchen von 960 Grid System (und auch anderen mit festen Werten) in die Welt gesetzt. Und wie das so ist haben Andere das Märchen geglaubt und weiter verbreitet.

Von daher kannst du deiner Webseite natürlich eine feste Breite geben. Ob 800px, 900px, 950px, 960px, 1000px oder andere Werte ist aber vollkommen egal und hat weder spezielle Vor- noch Nachteile.

Es spielt keine Rolle ob du statische, flexible, adaptive, responsive Seiten oder Mischformen erstellen willst.

Zunächst wird der HTML-Quelltext erstellt und dann per CSS gestaltet.

Welche HTML-Elemente dabei sinnvoll sind hängt dabei nur vom Inhalt ab und nicht davon, ob die Seite statisch oder anders werden soll. Deshalb sollte zunächst der HTML-Quelltext für den body-Bereich erstellt werden.

Dabei sollten heutzutage HTML5 und CSS3 verwendet werden.

Gruss

MrMurphy