Hi, I was wondering if someone could help me with positioning a site I recently made

[mysticwater]

The site I made is:

http://rblog.net16.net/


I am new to web design/ development; so my question is probably quite trite.
The site looks fine in my computer, however in another computer it gets all magnified and odd.
This is not the case with cnn, bbc, css trick or other good sites.

Is there some specific feature that ensures that the site doesn't change too much when viewed on different browsers/screens?

Any tips or tricks are welcome.
Thanks

[JKing]

In general you would want to code your site to be standards compliant by using valid HTML and CSS.

[tharden3]

Back in my early days, when I just started getting into website design, I ran into the same problem you are having.

My first website I designed was a basic three column layout with a header and a footer. It looked great at home, but when I viewed it on a monitor during school, it looked tiny and was set off to one side of the screen.

The problem was the way I positioned the "divs." I used only the 'absolute' attribute for positioning, and it looked great on my low resolution CRT monitor, but it turned out terrible on LCD displays with high-resolutions and wider screens.

Basically, there are many things that factor into how your website looks. It will be viewed on different monitors with very different resolutions. It will be viewed across many browsers. And in today's day and age, it is even viewed on mobile devices like cell phones or tablets.

My suggestion would be to experiment with the "float" property in CSS. I would also use relative sizes when you are spacing divs, etc. Having a "fluid" layout allows your website to adapt to many situations, and still look acceptable almost everywhere it is viewed. You also want visitors to be able to squeeze and stretch your site in their browser, and to have your website maintain it's form.

Cheers,
Tim