CSS: How to specify a min-width on a table?


Tags: css

Problem :

I have a table that is supposed to take up 100% of the width, but when I shrink my browser window, I also need it to obey a min-width. However, applying a min-width on the table has no affect (viewing in the latest version of Safari).

How can this be done?

<table width="100%" style="min-width:800px">...</table>


Solution :

Apply the min-width on a container div.

Also note: min-width can be specified for td elements.


    CSS Howto..

    how to text zoom effect in css

    How do I detect box-sizing border-box support with Modernizr

    How to pin sidebar to the top of page but within its parent element using HTML/CSS only

    how to get a CSSStyleSheet object from a