Hi,
danke für die Antwort, ich habe flexbox probiert, aber es hat nicht wie gewünscht funktioniert.
Schließlich habe ich das ganze klassischer umgesetzt. Da ich im Forum nichts gefunden habe, was ich direkt verwenden konnte, poste ich hier den Code, der mit rocksolid/tao funktioniert. Die Formulare werden in der main.css auf 75% Breite skaliert (desktop):
Code:
/* ab #4158 in main.css */
.main-content input,
.main-content textarea,
.main-content select,
.main-content fieldset {
width: 75%;
}
CSS-Code für zwei Formularfelder nebeneinander:
Code:
/* Formularfelder zweispaltig mit float */
div.float1, div.float2 {
float: left;
clear: none;
}
@media screen and (max-width: 599px) {
div.float1, div.float2 {width: 50%}
}
@media screen and (min-width: 599px) {
div.float1, div.float2 {width: 37.50%}
}
input.float1, input.float2 {
width: 100%
}
div.float1 {
padding-right: 10px;
}
div.float2 {
padding-left: 10px;
}
Formularfelder links und rechts werden mit der Klasse float1 und float2 belegt.
In meinem Fall Vorname & Nachname bzw. PLZ & Ort.
LG Michael
Screenshot:
formular_float_tao.png