Question

I have a table and inside there is one select and one button element. I’ve set the select to take up all the width and it works. But now the cells don’t take 50:50 space – instead the second td is always smaller. This happens only when I have select element in table, otherwise not.
Also, The button doesn’t want to stretch and take up all the width. Why? – We found answer to this, but not the first part.

Code:

<table border="1" width="150px">
            <tr><th colspan="2">Tvoje igre</th></tr>
            <tr><td class="row_title" align="right" width="50%">Št. iger:</td><td id="st_iger">0</td></tr>
            <tr><td class="row_title"align="right">Št. zmag:</td><td id="st_zmag">0</td></tr>
            <tr><th colspan="2">Vse igre</th></tr>
            <tr><td class="row_title" align="right">Št. iger:</td><td>0</td></tr>
            <tr><td class="row_title" align="right">Št. zmag:</td><td>0</td></tr>
            <tr><th colspan="2">Nova igra</th></tr>
            <tr><td colspan="2"><select id="dropdown">
                <option>CSS lastnosti</option>
                <option>JavaScript funkcije</option>
            </select></td></tr>
            <tr><td colspan="2"><button type="btn_nova_igra" onclick="novaIgra()">Nova igra</button></td></tr>  
            </table>

Answer 1

do you want to stretch the button? why you don’t use this:

<button style="width: 100%;" type="btn_nova_igra" onclick="novaIgra()">Nova igra</button>