Min width on CSS div

does any one knew how i could define a min width to a div or a table, without using images

trying to make the page as light as possible

thx

 

CSS does have a min-width property, but IE sucks as usual.

 

This guy explains a min-width hack for IE

 

?!

There is no need to use a min width for divs as far as I know. Just set your width and make sure to put a   in between divs


<div style="width:500px">&nbsp;</div>

Now if you're talking about height, that's a different story!

hexed

 

Setting a min-width is useful for your main content section. You can prevent it from going smaller than a certain size while not hindering the ability to stretch for higher resolutions. Setting an exact width prevents a design from being fluid. Using an entity outside of a div (or p, etc.) is not xhtml compliant.

 

If you want IE to have a min-width, you'll have to apply some kind of hack. Using an image is a very light weight way to go. Prepare a 1px × Npx image, where N = desired miniwidth and color = background, or transparent. GIFs are good for this. Use a conditional comment to insert it into that certain obsolete browser.

div {
    width: 90%;
    min-width: 600px;
    }
===========
<div>
  <!--[if lte IE6]>
    <img src="min600.gif" alt="" />
  <![endif] -->  <!-- do check the syntax of the cc before using -->

  <p>This div will have a width of 90% of the width of its parent, 
     except that it will not shrink below 600px.</p>
</div>

Code (markup):

MSFT sz they will support min-?? in IE7.

cheers,

gary

 

Good solutions