Making webpage 'stretch out'?
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
kazimmerman posted this at 23:21 — 18th June 2006.
He has: 698 posts
Joined: Jul 2005
Where you have , make it or whatever percentage you want.
steve40 posted this at 23:50 — 18th June 2006.
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.
I was concerned more with 800x600 and 1024x768, but I got all the rest in the trade off.
pooladdict2 posted this at 18:42 — 1st July 2006.
They have: 1 posts
Joined: Jul 2006
Make table width 100%
Busy posted this at 22:54 — 1st July 2006.
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.