Hallo zusammen,
habe folgende Tabelle, in der ich die jeweils die Labels "Name", "Strasse", "Plz" und "Kürzel" auf genau 8 em haben möchte (nicht mehr und nicht weniger) :
Dazu habe ich folgenden CSS Code, die min-width arbeitet korrekt, jedoch nicht die max-width und finde nicht den Fehler :
habe folgende Tabelle, in der ich die jeweils die Labels "Name", "Strasse", "Plz" und "Kürzel" auf genau 8 em haben möchte (nicht mehr und nicht weniger) :
HTML-Code:
<div> <form> <table> <tr> <td><label for="name">Name</label></td> <td colspan="3"><input type="text" name="name" id="name"></td> </tr> <tr> <td><label for="street">Strasse</label></td> <td colspan="3"><input type="text" name="street" id="street"></td> </tr> <tr> <td><label for="postalCode">Plz</label></td> <td><input type="text" name="postalCode" id="postalCode"></td> <td><label for="city">Ort</label></td> <td><input type="text" name="city" id="city"></td> </tr> <tr> <td><label for ="countryCode">Kürzel</label></td> <td><input type="text" name="countryCode" id="countryCode"></td> <td><label for ="country">Land</label></td> <td><input type = "text" name="country" id="country"></td> </tr> </table> </form> </div>
Dazu habe ich folgenden CSS Code, die min-width arbeitet korrekt, jedoch nicht die max-width und finde nicht den Fehler :
Code:
* { box-sizing: border-box; } div { width: 90vw; background-color: lightgrey; } table { width: 100%; } input { width: 100%; } td:nth-child(3) { text-align: right; } tr td label:first-child { display: inline-block; min-width: 8em; max-width: 8em; }
Kommentar