Mobile Friendly Website


Doing it with style

BOXES'max-width' for Internet Explorer IE6

Date : 5th October 2009

For IE6

A CSS ONLY answer, no javascript and no Microsoft expressions


It has been a long time coming and if it were not for a Sitepoint quiz I would not have re-visited this problem, but here it is, a CSS only answer to 'max-width' for IE6. This method uses no javascript, no Microsoft expressions and only a little extra markup which I think is ok for having a 'max-width' emulation.

I have produced three versions which cover most requirements:

1. A centered version 'max-width' centered

2. A left aligned version 'max-width' left

3. A right aligned version 'max-width' right

You should be able to see from the source code for each of these methods how they actually work. It is all down to left/right pads with negative margins that when combined add up to the min-width of the content container.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page