nicht angemeldet
Zwei Elemente mit width=100% zusammen
JürgenB
marctrix
Rolf Bs. p. Seite unter Name für Sammlung festlegen das sind eine <input> und ein <button> mit jeweils 87% und 10%, aber das sieht nicht schön aus. Und bei 90+10 brichts um.
Gibt es eine Möglichkeit, dem Browser beizubringen, daß beide zusammen 100% ergeben und zwar so, daß es responsive ist und die zusammenbleiben?
Bitte mal um Hinweises.
-
Hallo,
s. p. Seite unter
Name für Sammlung festlegendas sind eine <input> und ein <button> mit jeweils 87% und 10%, aber das sieht nicht schön aus. Und bei 90+10 brichts um.ich sehe beide in voller Breite.
Gibt es eine Möglichkeit, dem Browser beizubringen, daß beide zusammen 100% ergeben und zwar so, daß es responsive ist?
calc oder konsequent alle Maße in % angeben. Mit Grid geht das bestimmt auch.
Gruß
Jürgen-
Hej pl,
s. p. Seite unter
Name für Sammlung festlegendas sind eine <input> und ein <button> mit jeweils 87% und 10%, aber das sieht nicht schön aus. Und bei 90+10 brichts um.Gibt es eine Möglichkeit, dem Browser beizubringen, daß beide zusammen 100% ergeben und zwar so, daß es responsive ist?
calc oder konsequent alle Maße in % angeben. Mit Grid geht das bestimmt auch.
Zusätzlich das CSS-Box-Modell berücksichtigen und ggfs. auf
box-sizing: border-boxumstellen (würde ich sowieso generell empfehlen, rechnet sich dann leichter).Marc
-
-
Hallo pl,
ich gehe davon aus, dass Du derzeit bastelst und daher das, was ich sehe, mit deiner Frage nichts mehr zu tun hat. Dass table an dieser Stelle ein Problem ist und keine Lösung, das weißt Du garantiert selbst.
Meine Annahme wäre gewesen, dass das ein idealer Anwendungsfall für Flexbox ist. Das hat nicht funktioniert?
Rolf
--
sumpsi - posui - clusi-
So isses. Das ganze Konzept ist ohnehin noch nicht ganz ausgereift. So habe ich dieses <form> vorerst wieder rausgenommmen. Ansonsten habe ich noch nirgendwo eine Lösung dafür gesehen, wo ein Eingabefeld zusammem mit einem Button zusammen eine Breite von 100% ergeben (responsive versteht sich).
Kommt eine derartige Anforderung wirklich so selten vor?
MfG
-
Hej pl,
So isses. Das ganze Konzept ist ohnehin noch nicht ganz ausgereift. So habe ich dieses <form> vorerst wieder rausgenommmen. Ansonsten habe ich noch nirgendwo eine Lösung dafür gesehen, wo ein Eingabefeld zusammem mit einem Button zusammen eine Breite von 100% ergeben (responsive versteht sich).
Was meinst du mit responsiv? 100% passen zwar immer, selten machen die aber im rwd Sinn.
Kommt eine derartige Anforderung wirklich so selten vor?
So wie du es hier beschreibst, ist es doch sehr simpel. Verwende Box-sizing und prozentuale Werte. Ob das Sinn macht, das Formular ohne Rücksicht auf mögliche Inhalte zu gestalten, steht auf einem anderen Blatt…
Marc
-
-
-
-