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 badges35 silver badges54 bronze badges

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?
– BallSoHard
Commented Dec 1, 2012 at 18:03
you're welcome... if it worked make my answer the Answer, will serve to others in the future
– Bruno
Commented Dec 1, 2012 at 18:09
display:table; solved my problem, replace the inline-block. Thanks.
– Avatar
Commented Sep 26, 2015 at 18:38

Add a comment |

Collectives™ on Stack Overflow

CSS - Cannot change table width

1 Answer 1

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Related