[CSS] Problem mit relativer Breite

[Mystic]

Standardkonform gehören Padding und Border nicht zur Breite/Höhe des Elements.

Zitat von jfheins:

Ich fürchte wohl, du muss folgendes schreiben

Code:

#floater {
      padding:1em;
      width:100%-2em; /* 100% minus 2 mal padding des Elternelements */
      background-color:green;
      border:1px solid black;
   }

Das funktioniert nicht. Der Browser ignoriert die fehlerhafte Breitenangabe. Dadurch kommt der Defaultwert zum Einsatz (width: auto. Dass das hier so aussieht, als würde es funktionieren, ist reiner Zufall.