Making webpage 'stretch out'?

They have: 1 posts

Joined: Jun 2006

Hi everyone,
I was just wondering if someone would be able to help me with a problem. Basically, I'm trying to get a webpage to stretch out and occupy the whole space on the screen (instead of being a set width). Unfortunately, I have no idea how to do this... My site is made in Adobe Photoshop/ImageReady using a table-based layout (I know, it's horrible, but I did this a while ago).

For example, here's how my DanSoft Australia page looks at my resolution (1152x864):

And here's a mockup of what I'm aiming to achieve:

(obviously, I'll make sure that the text is centred in the final version)

I've tried to do this, but failed miserably. Can someone please guide me here?

Thanks,
Daniel15

Oh yeah, the page in the screenshots is http://www.dansoftaustralia.net/blank.dsa

He has: 698 posts

Joined: Jul 2005

Where you have , make it or whatever percentage you want. Wink

He has: 490 posts

Joined: May 2005

Making your main table 100%, or "0" allows it to stretch. If your header is a gift it will also have to be 100%. I would get rid of the table height tags, since these are not kosher with W3C.

Take a look at my site, the main table is 100%, the left is fixed at 150 Px. for the navigation, and the right is set to default at no certian width. The photo is 85% of the right deminsion at whatever the current size. It will stretch full screen to 1600. The mountain gets a little long, but does not suffer to badly in quality loss considering. The base design size is 800 X 600. Smiling

I was concerned more with 800x600 and 1024x768, but I got all the rest in the trade off.

They have: 1 posts

Joined: Jul 2006

Make table width 100%

Busy's picture

He has: 6,151 posts

Joined: May 2001

Make table width 90% and align to center - there is background image visible on either side of the content table.
The td cell with the logo etc you can set a background image either with html (if your using html specs) or via css (if your using xhtml specs)

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.