CSS and screen resolution, a noob question
 

I'm no designer, but I'm making this website for a friend of mine, and finally trying to let go of the bad habit of using tables for everything, and use more css positioning. It all worked fine untill my friend checked the site and told me that most of the elements are overlapping. I found out that her screen resolution is 800x600.

Is there a way of preventing this overlapping in the css? Or do I have to make 2 versions of the css, and use a javascript to choose the right one depending on what screen resolution they have? I definitely don't want to go back to tables now that I've learned a new cool thing! Hell, I don't even know how to do the design I want with tables...

Bump for Anna.:winkwink: :thumbsup

Sure, you can do it with CSS. You just need to figure out 1) how you define positions and 2) how you define sizes, to fit your needs.

What's the site?

Thanks for the bump Big_Red!

I'm not sure I understand what you mean by

Originally I used
position:absolute,
and then something like
right: 350px;
top: 490px;
and I've since tried it with fixed, static, relative, inherit, although I don't know what half of them really mean, as I am a css noob and english is not my first language lol. All other options but absolute gave undesired results.

So what do you mean by "how you define sizes, to fit your needs"? Sizes of the elements?

Thanks for helping, I naturally tried googling first, but all I found was articles about the javascript option.