cssborder-box

CSS: adding a box around a form breaks the formatting


I added a box around the form underneath the main image. Now the controls are distributed on 3 instead of 2 rows. I tried everything but i can't get it back so that all controlls are only aligned on 2 rows...

Has to do with the border-box, content-box I guess, but I am not able to get it right...

Form ist NOT ok: https://www.auto-pfandhaus.ch/autopfand-kredit-lp/ Form is OK: https://www.auto-pfandhaus.ch/3-schritte-zum-geld/

Can somebody help? I would appreciate it a lot?

Thanks. Cesare


Solution

  • If you want to continue using definite widths, set widths to 212px for your .exfield and .radio classes.

    If you want to use percentages, 19.5% should work