Table colum size ignored

Hey, On one of my sheets, I want to have a weapon table that can expand. Everything works fine, but the rows don't eat the size ranges I've put, when I start adding rows all fields have the same size... What am I doing wrong here? <p>Waffen</p> <div class="divTable unstyledTable" width=100%>     <div class="divTableHeading">         <div class="divTableRow">             <div class="divTableHead" style="width: 45%;">Waffe</div>             <div class="divTableHead" style="width: 10%;">BSK</div>             <div class="divTableHead" style="width: 10%;">BSH</div>             <div class="divTableHead" style="width: 5%;">HP</div>             <div class="divTableHead" style="width: 5%;">HT</div>             <div class="divTableHead" style="width: 5%;">KR</div>             <div class="divTableHead" style="width: 5%;">LW</div>             <div class="divTableHead" style="width: 5%;">MW</div>             <div class="divTableHead" style="width: 5%;">SW</div>             <div class="divTableHead" style="width: 5%;">TW</div>         </div>     </div> </div> <fieldset class="repeating_powers"> <div class="divTable unstyledTable" width=100%>     <div class="divTableBody">         <div class="divTableRow">             <div class="divTableCell" style="width: 45%;"><input type="text" name="attr_Waffe_Name_1"></div>             <div class="divTableCell" style="width: 10%;"><input type="text" name="attr_Waffe_Bonusschaden_1"></div>             <div class="divTableCell" style="width: 10%;"><input type="text" name="attr_Waffe_Bonusskill_1"></div>             <div class="divTableCell" style="width: 5%;"><input type="text" name="attr_Waffe_Hitpoints_1"></div>             <div class="divTableCell" style="width: 5%;"><input type="text" name="attr_Waffe_haerte_1"></div>             <div class="divTableCell" style="width: 5%;"><input type="text" name="attr_Waffe_KR_1"></div>             <div class="divTableCell" style="width: 5%;"><input type="text" name="attr_Waffe_LW_1"></div>             <div class="divTableCell" style="width: 5%;"><input type="text" name="attr_Waffe_MW_1"></div>             <div class="divTableCell" style="width: 5%;"><input type="text" name="attr_Waffe_SW_1"></div>             <div class="divTableCell" style="width: 5%;"><input type="text" name="attr_Waffe_TW_1"></div>         </div>     </div> </div> </fieldset>

It's difficult to see without knowing if your classes contain any CSS. One thing to be aware of is that roll20 gives input[type="text"] a fixed width that needs to be overridden. It looks like you are using way too many divs (look up divitis), this looks like something would be done way easier with CSS Gid. To try that, remove every single inline stye (all those "style=" statements) on divTableCell and divTableHead, and in your CSS sheet, create this: .charsheet div.tableRow { display: grid; grid-template-columns: 45% repeat(2, 10%) repeat (7, 5%); } .charsheet div.tableRow input[type="text"] { width: 100%; }