What size do you design the layout to ensure that they'll look in all resolutions? :O

Well, if you wanted an image to fill in an entire screen for every resolution, you'd have to make it pretty big. My screen is 1400x900, so it would have to be AT LEAST that big. There are bigger screens out there.

I'd just recommend making it no bigger than 800x600 and have it blend into the background or be cut off neatly.

I know that there's nothing more annoying than going to website and having it stretch out your browser. And you have to scroll every which way. I would keep it small, within 800x600 or 1024x768 if you can. Anything larger would be an inconvenience to some people. For people with screen with larger resolutions, at the very most they'll have a lot more blank space, which I would gladly take over scrolling.

Ohhhhh, ok. I see I see.

But then what about the font and stuff?

I never knew how hard it was to make sure a layout has cross-browser compatibility until I actually designed and code one x___x I made it in 1024x768, and in higher resolutions, the content is scooted a bit to the right rather than centered.

I guess that's better than scrolling :O

If it's not part of the image, stick with fonts like georgia, times new roman, arial, etc. Type "standard fonts" into google and I'm sure you'll get something.

As for it scooting when you change screen size, are you using left:50% and margin-left:#px for your positioning?

I don't usually use fonts lower than 9-10px in size. I have a larger resolution so any smaller makes it tough to read. Then again, it really depends on the font.

I see i see. that's true.

Err...no. o__o. Insurmountable said that she would help me fixing my layout x3

Cuz like...when I first started designing the website, I had no clue what size to design it in. o___o. But I eventually figured out, I guess. x__x