Ich habe ein Formulierungs Problem in einem HTML Formular. Es geht um ein Formular das 3 Felder hat. ein INPUT Feld, ein SELECT Feld, und den BUTTON das Ziel das ich habe, es soll genau 100% Breit werden, sich also immer an die Seite, der Box etc anpasst! ~~~ css .box{ width:80%;} input[type="text"]{width:37%; border: 1px solid #c0c0c0; padding:1%;} select {width:37%; border: 1px solid #c0c0c0; padding:1%;} .button {width:20%; border: 1px solid #c0c0c0; padding:1%;} ~~~ Ich muss aber die Prozentzahl herunternehmen, da ich durch den Rahmen über 100% komme! Wie schaffe ich es das es genauso Breit ist wie ich das möchte? ~~~ html <div class="box"> select name="sort" size="1"> <option value="0">inhalt</option> </select> <input type="text" name="suche"> <input class="button" name="send" value="button" type="submit" /> </div> ~~~

Ich habe ein Formulierungs Problem in einem HTML Formular. Es geht um ein Formular das 3 Felder hat. ein INPUT Feld, ein SELECT Feld, und den BUTTON das Ziel das ich habe, es soll genau 100% Breit werden, sich also immer an die Seite, der Box etc anpasst! ~~~ .box{ width:80%;} input[type="text"]{width:37%; border: 1px solid #c0c0c0; padding:1%;} select {width:37%; border: 1px solid #c0c0c0; padding:1%;} .button {width:20%; border: 1px solid #c0c0c0; padding:1%;} ~~~ Ich muss aber die Prozentzahl herunternehmen, da ich durch den Rahmen über 100% komme! Wie schaffe ich es das es genauso Breit ist wie ich das möchte? ~~~ <div class="box"> select name="sort" size="1"> <option value="0">inhalt</option> </select> <input type="text" name="suche"> <input class="button" name="send" value="button" type="submit" /> </div> ~~~