Resolution Question.

Welcome to TWF!

You should make sure your sites work in 800x600 firstly, because that's what most people use. 1024x768 is also becoming popular. A general guideline is to make sure you site works in all of the standard resolutions.

Hi,

How can you make sure your site works in all resolutions ??

Tony

Well, instead of a "fixed" design you could use a percentage based design... In other words, instead of designing a table as 800 pixels wide you would set it to 100%.

As for resolution, I almost always design for 800x600 and above, because the vast majority of people on the web use 800x600. However, sometimes I do have clients who want their site marketed to the broadest audience possible, and in those situations I design for 640x480.

Thanks,

Brian Farkas

cool, i see, so i should start using the percentage command...ok.

i have got so use to the absolute way, that it going to be hard to get used to percentages..hehe.

wierd, though...most people i know use 1024 X 768...so i though most others did too...im very glad i asked:)

while my site isnt really made for "everyone", i would like to get used to it. thanx to everyone that replied. lots of work ahead of me. hehe.

oh yeah one more thing...the things that are "fixed" to the left side of my page should be ok with absolutes, wouldnt they?... just the stuff in the middle and right would really be affected by smaller res's right? or am i wrong? hehe.

Right. What you do is set your table width attribute to 100% and then use either absolute or no width attributes in your cells depending on whether or not you want them to expand with the browser. So a basic layout with a fixed left side navigation bar would look like this:

fixed width nav in here
expanding content area heare

Things will get complicated when you look at this in Netscape though. Netscape, for some reason, doesn't seem to pay much attention to fixed widths. It might just collapse that 200 pixel width anyway, so to fix that you need to use the spacer.gif trick (just a 1 x 1 pixel transparent gif), put it in that fixed width cell with it's width set to 200. you'll have to have something in there that's 200 pixels wide (or whatever your chosen width is) so Netscape doesn't collapse it. I know this is the case for 4.x versions but I'm not sure about 6.

fixed width nav in here
expanding content area heare

The stats from my site (gym-routines.com - users are regular people types) have about 20% at 1024, 60% at 8 x 60, 12% at 640 x 480 (!!!) and the rest at various other ones. Every site is different with this - if your site is about technology for example, or digital art you could probably expect that your visitors will have higher resolutions.

[Edited by Megan Jack on Jan. 15, 2001 at 04:55 PM]

Welcome to TWF sphere! Hope you like the community we have here. Anyway, I use 800x600 on my 17' monitor. I like that resolution 'cause it doesn't make everything too big or too small. I recommend the following:

• 800x600 for 17' monitors.
• 1024x768 for 17' to 19' monitors.
• 1280xwhatever for 19' and up monitors.

Thanx:)

so i should use a table then to get my site to work right. cause as of now i just use this command...

so i should start to use a table to organize my content? i mean does it make it easer and better when working with percentages?

cause im happy to do a little reorganizing if it makes it easier:)

Thanx Megan:D

so much to learn...hehe;)

Oops didnt see your post Justin:) hehe.

thanx for the warm welcome:D

hmm so you also use that res huh...cool. looks like ill have to make it a point to design my page around that res.

thanx

Yeah, tables are best for scalable layouts. AFAIK layers (positionable div's) wont' do that.

Alight...thanx!

im so glad i asked, i would have been doing it completely wrong forever:)

i know how to make a table and stuff, but i was wondering if there are any places in the net...anyone knows of that help give instruction on makeing a good table template? that way i dont have to mess around for days trying out too many different things..i could get a good basis on where to start. if you dont know any, no biggy...ill learn:)

thanx:)

Here's a small tip: If your page has the default margin height and width, then make the table 760px in width. But, if the table has no margins, make the table 780px in width. That's just something I would keep in mind when designing.

Thanx Justin:)

but im already lost...lol. just like a newbie:)

im lost on how many rows and columns i will need.

one question...do you all use ONE table or more than one?

i cant get anything to work right...ahhh...hehe.

im still going to work on it and maybe somthing will klik, but right now nothing goes where i want it. and my backgound is useless, so i guess im going to have to redesign my site...again:(

guess it could be worse though. i can try a few new techniques i have learned to make a cool border or sommthing maybe. oh well. i kind of have to be quick cause i have a web Site project due in just a few months.

thanx for all your help...but for now it looks like im just going to have to start learning all over.

back to work:)

It's usually best to break your content up into several tables. Netscape has to load everything in the table before it can display any of it, so if you've got one big table it could take forever for anything to show up on the screen. With several it doesn't take as long.

Take a look at this site that I made with a tabled layout:

http://www.meganjack.com

Look at the code - the HTML behind it is pretty simple. Feel free to save that HTML file and play with it. Try turning on the table borders - that will help you to see how it was layed out.

You might want to take at this article I wrote a while ago:
http://www.pageresource.com/zine/quicker.htm

Wow, thanx you two. man it is great to have such great help when you just are starting out.

Thanx Megan for letting me look at you template, ill see how you made it then develope my own...i dont wanna steal your suff:D

Thanx Brian:)

i have quickly read over it and will read more in depth after i am through here. Just awsome...thanx so much.

i have to say...i came here not expecting too much, figuring that no one would really wanna waist their time on a newbie...but i was so wrong.

Thanks for the great comments sphere, I'm definitely glad you're happy with the reply you got and hope you'll continue to visit TWF!

Good luck!

Brian Farkas

thanx

well i have got my index page up, and it seems to work great. looks a bit wierd in 1024 X 768...but is still ok. its not what i envisioned, but i think it turned out pretty good...100% better than my old page. little more work and just a few images...only a few...i like the clean look, and i just might have a really nice page:)

thanx for all of your help, i couldnt have done it without ya:D