Home/ Questions/Q 6577745
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T15:40:39+00:00

<div id=scadenta style=width:191px; overflow:hidden; border:1; height:90px;> <table style=width:100%;> <tr> <td style=width:40%;><input type=text></input></td> <td style=width:20%;><input

  • 0
<div id="scadenta" style="width:191px; overflow:hidden; border:1; height:90px;">
    <table style="width:100%;">
        <tr>
            <td style="width:40%;"><input type="text"></input></td>
            <td style="width:20%;"><input type="text"></input></td>
            <td style="width:40%;"><input type="text"></input></td>
        </tr>
    </table>
</div>

This is a testing layout i use for one of my tables. It’s supposed to have 2 big columns hugging a smaller one. The problem is the tr and td sizes just don’t work. I get the all the TDs the same size and almost as large as the whole table. Is there something fundamentally wrong with my code or what else could be causing it to behave like this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you’ll have to set a width for your’inputs, otherwise they’re set to the browsers default size. take a look at this jsfiddle-example with style="width:90%;" set on the inputs (using 100% will make the inputs bigger than the tds because of the default-padding – see the box-model for more information about this).

    note that i also removed the closing </input>-tags and made them empty elements (<input ... />) like it should be (but this has nothing to do wirth your question).

    • 0