davidjaymz — Wed, 15 Sep 2004 09:20:01 +0000

cheers...

As I said it works in IE it just doesn't stop shrinking or growing...

As far as I know it works in Netscape and Opera...

I need to sign up for browser cam to check in some other browsers but haven't got around to that yet.

Beanboy — Tue, 14 Sep 2004 17:27:53 +0000

"OMG IT IS BROKEN!" Sorry, had to do it.

Happy under Firefox, not IE. How far does back does this work in Netscape?

I've dabbled in non-table layouts before for legacy sake, thinking about diving in at this point being later 2004.

-B

davidjaymz — Tue, 14 Sep 2004 16:37:18 +0000

body
{
	text-align: center; /* ie centering*/
}

#pageWrapper
{
min-width: 740px;	/* IE doens't understand this property. 800*600 */
max-width: 940px; /*1024*768*/
width: auto;
	
/* Page centering STANDARDS*/
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
}

OK the above is what I basically do.

The CSS in the Body means that IE Centers the "pagewrapper" (Which holds all the subsequent DIVS and Content)

In the PageWrapper DIV I set the min width to be 740px (for 800*600 screens) Also all my images are setup for this size but they are done so that they fade into their background so when the page does grow the image still looks "good".
The max width tag means that the "pagewrapper" stops growing when it reaches 940px... (these tags don't work in IE but they degrade themselves nicely {wish IE would sort itself out}).

The remaining code is the "Standards" Version of the code for centering the pagewrapper...

Hope this helps and if you wanna see it working you can look at testing.davidjaymz.com which is my "test server" so don't shout at me if it breaks hehe

Beanboy — Tue, 14 Sep 2004 15:46:25 +0000

davidjaymz, curious how you go about scaling your pages in the 800x600 to 1024x768 range, and then having them stay centered above 1024. Probably what I'm planning on doing for my next design.

Most major sites are either fixed width centered and fit in 800x600. Google News results are one of the rare exceptions.

fusioncroc — Fri, 27 Aug 2004 21:43:30 +0000

ok that what happens on my laptop some stuff floats to the middle

Greg K — Fri, 27 Aug 2004 17:04:50 +0000

Let us also not forget those who use a window at whatever size it opens up at. I went to someone's house once, they had a browser window that opened up about 1/4 the size of the screen at 800x600. I maximized it, they were so thankful I showed them how to do that.

I keep telling my boss that he has to forget the idea of what a screenshot will look like, especially vertically. We have some people here in the office that have like 3 different search toolbars on their browsers (I would love to just go and eliminate Outlook express and IE on these).

Ultimately when it comes to small windows and lower resolutions, you have to design for what you think the norm is, and figure anyone else is already dealing with webpages that don't fit right anyhow.

The one link I gave the URL to above, if you do sign up for a counter, you can have all the those stats just for your visitors only, which can help you better design for the majority of your sites visitors.

-Greg

davidjaymz — Fri, 27 Aug 2004 09:40:38 +0000

I think as new laptops come out with widescreen displays and bigger TFT's and people with more than one monitor we will see more and more "window" size having less and less to do with "screen" size... I have both my monitors set to 1600x1200 but have my firefox window at around 1024x768 I say around cos quite often i drag it a bit bigger or smaller depending what else I'm doing.

With designing websites I tend to make them for 1024*768 but so that they scale down to 800*600 and then above 1024*768 the content floats in the middle...

I think liquid or semi-scalable websites are the furture... and in repsect to the line length... I think about 70characters is the recomended length before things start to become unreadable...

fusioncroc — Thu, 26 Aug 2004 20:56:40 +0000

i use 1450 X 1024

Greg K — Thu, 26 Aug 2004 20:39:05 +0000

I still design everything to fit in 800x600. I use 1280x1024 on my right monitor (19" flat crt) and 800x600 on my left monitor (15" reg crt).

Could you imagine still browsing with WebTV, that has less than 640x480! I used to design for those as well....

Here is another site I use to check statitstics:

http://www.thecounter.com/stats/ They gather information from the counters they provide. Lots of data, JavaScript, Java, Domains, OS, Browsers, Weekday, Resolution, ColorDepth

-Greg

Roo — Thu, 26 Aug 2004 04:26:55 +0000

Quote: Pretty much everyone I know over the age of 45 or so needs reading glasses.

Amen! Try bi-focals! I HATE needing to test at 1024X...I can barely find my mouse cursor. There is *no way* I can even test above that.

If 1024 becomes minimum, I'm screwed! (I'm on a 17 inch monitor, and I'm about 18 inches from it.) I'll need to quit desiging websites if that happens.