CSS - Cannot change table width

Question

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?

Bruno · Accepted Answer · 2018-05-13 13:49:58Z

4

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.

edited May 13, 2018 at 13:49

answered Dec 1, 2012 at 17:57

Bruno

6,0006 gold badges36 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

BallSoHard Over a year ago

By default the table is hidden with display: none, clicking the button changes the display state. is there any way to set the table width still using this technique?

Bruno Over a year ago

you're welcome... if it worked make my answer the Answer, will serve to others in the future

Avatar Over a year ago

display:table; solved my problem, replace the inline-block. Thanks.

Collectives™ on Stack Overflow

CSS - Cannot change table width

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related