Search code examples
cssoperapaddingmargins

Where is this rogue white-space coming from?

This is a screenshot from Opera using FireFly. It clearly illustrates the padding (5px) and margin (0px) of the textbox. However, to the right of the textbox is an unidentified black space of approximately 10px that isn't HTML whitespace, td padding, textbox margin or anything else I can think of.

The spacing also exists in FireFox and IE 9.

(Please ignore the fact that the below button has the same indent - in its case I've added padding-right to the td as a hack to even it out)

Opera

Any ideas?

Solution

  • Even the best of us can blank completely... The reason for my problem is obviously that the width of the textbox isn't set to a width that will fill the td. Increasing the width fixed that problem.

    Setting it to 100% for some reason pushes it beyond the bounds of the td though, but that's a different problem.

    @Tim Post: This is the answer to my problem, not a comment - Please don't just delete answers without a second thought.