Search code examples
htmlcsshtml-tablewidth

CSS - Cannot change table width

Please refer to my website: http://ballsohard.co.uk/fishfilet/

Use the login section at the top of the page with any input you wish.

Click the inbox button (it's the yellow one)

I want the table (id: "inboxtab") to have a width which runs across the content area. I have tried to do this by setting the table width to 100% but it is having no effect.

#inboxtab   {
margin-left:20px;
margin-top:11px;
display: none;     (ignore this line)
width: 100%;
}

Any ideas?

Solution

  • I inspected your page with firebug, and found that the table has an inline style declaration: display: inline;:

    <table id="inboxtab" style="display: inline;">
    <!-- This is your table -->
</table>

    It's not possible to set the width property on inline elements. So, you have to remove this declaration.