Getting web page background to fit in any "browser"?

Question

So I am using dreamweaver to make a website, and it looks good when I open it on that computer, but with most computers being a little different in size, it doesn't look right, always having white space. Does any one know how to get the background to stretch or something so that it always looks the same with any computer? Here's the url if you want to see what I'm talking about. http://yorkcosmetics.com/default.htm

Keep in mind, it might look okay on yours... :S

Thank you!!

Answer 1

Without wanting to sound like a jack*ss: this is why I don't recommend DreamWeaver for people who are new to HTML...

Your problem has a super simple solution:

Add a background *color* to your page (which, according to CSS standards, you're supposed to do anyway). DreamWeaver inserts a default, which is white (#ffffff).

Change

background-color: #FFFFFF;

to

background-color: #5e4e68;

to your CSS (I took a screenshot and checked the color on the right-side edge of your background to get that code).

Another remark: don't use tables for layout: that's not what they're for. Especially when using XHTML, tables should be used for tabular data, not contents and navigation.

Everything you've done to create the page can be done with a couple of DIVs; your navigation menu isn't "accessible", and could have been done with a simple unordered list and turned horizontal with simple CSS...

"Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables."

- http://www.w3.org/TR/html401/struct/tabl...

Sorry about the lecture.