Posted by Benjamin Niemann on 10/05/06 13:54

Hello,

Silkster wrote:

> Ian not sure if this is possible but.. I have created a 3 col layout
> with a stretchy center using pure CSS got it to work in everything..
> sorted..
>
> But the site Iam working on is aimed at multiple resolutions so it is
> going to scale down to 800x600 and scale up to 1024x768...
>
> the problem is HOW DO I STOP IT GOING PAST 1024?
>
> Ideally I would like the container to stop at 1024 in the center of the
> page with a repeating horizontal background going the full page?
>
> I know I could use javascript get the resolution of the monitor and
> display a correct template but in volves resizing the browser wind
> which I do not like

The 'max-width' property is properly what you need. Unfortunately it does
not work in IE6 and lower (don't know about IE7 - I hoped they fixed
this...). For IE there are fixes, but these require JavaScript to emulate
this property - IE7 (not to be confused with Internet Explorer 7!) comes to
my mind. You'll still have to worry about IE users without JavaScript
though...

HTH

--
Benjamin Niemann
Email: pink at odahoda dot de
WWW: http://pink.odahoda.de/

[Back to original message]