Announcement

**Kermy** · 02-Aug-2006, 11:21 AM

Depending on who you talk to, around 5-10% of users still use 800x600 res, which in this day and age boggles me but there you are.

If you really don't want to exclude anybody, and know or are willing to learn some CSS, you can specify a minimum page width of say 800px, and a maximum width of say 1200. That way your page will squeeze into small screens but won't expand too far on your widescreen monitors.

I posted some code not long ago that shows how to do this for IE and Firefox (IE6 needs a bit of hacking to treat min/max width properly but IE7 will support it). Its the last section of code in this thread:

http://community.actinic.com/showthread.php?t=21283

**freakmode** · 03-Aug-2006, 09:29 AM

Thanks for that.

I guess at the end of the day if we continue to design sites for 800x600 the need for these people to upgrade their monitor resolutions is removed.

I think if we go for 1024 that gives us more than enough real estate as our product images are not that big.

**Mike Hughes** · 03-Aug-2006, 11:10 AM

Haven't we fixed the pointless access restrictions to certain parts of the forum, yet. I thought Chris was going to look at this months ago.

http://community.actinic.com/showthread.php?t=21283

Mike

**Kermy** · 03-Aug-2006, 11:15 AM

Sorry, I didn't remember that post was in the Developer's forum. Here it is again:

Code:

<html>
<style>
.myDiv {min-width:600px;max-width:900px}
* html .myDiv {
width: expression(document.body.clientWidth < 602? "600px" : document.body.clientWidth > 902? "900px" : "auto");
}
</style>
<body>
<div class="myDiv">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</div>
</body>
</html>

In both IE 6 and FF 1.5 the min/max values work, haven't tested other browsers yet.

Edit: This method fails if an IE user has javascript disabled. Not too much bother for an actinic site, however.

Announcement

Site Design Width?

Site Design Width?

Comment

Comment

Comment

Comment