PS7 Layout in HTML (tables)

[z_mirza]

I’m using a Photoshop layout I made for a web page. I’ve sliced up the image in PS, which is around 932px wide. I’m having PS generate the code after slicing the layout, which brings me to my first question, how do I go about making the layout take 100% of the screen? In the main table I put width=”100%” and the whole table is stretched in a manner that the layout messes up. My second question is if I have a lot of content then how do make my layout used on different pages with different sizes? Hopefully it’s clear what I’m trying to do. I would like the layout to sort of stretch down and cover the amount of text, but when I do that the layout sort of doubles and stretches in an odd manner, all the sliced up images are background of individual cells so I left the width and height PS set, and put 100% width in the <table> attribute. Sense that did not work I went in and changed each individual picture’s height and width to 100%… that was a mistake as well. So if you know what I’m doing wrong or how to achieve what I am doing a different way, any help will be great.

Please keep in mind I am to new the whole web development scheme of things.

[ray326]

Since you're new to web design I'd recommend you real Jeffery Zeldman's (http://www.zeldman.com/) "designing with web standards" to find out why the problem you're having with PS shouldn't be a problem at all.

[z_mirza]

well can you give me a general idea on how i would go about doing it?

[DaveSW]

send us the picture and maybe someone will be able to suggest something for your layout.

[z_mirza]

This is the current site, fresh out of being sliced up (www.riddermark.ath.cx/zaki/Intercom/test/intercomorig.html)

so just basicly i need it 100% of the screen and if lots of text is added it would just expand. hopefully you guys get what im saying.
thank you for your help

[ray326]

Ok, I look at your design and I see header, left nav and content divs. I'd try to understand how I can use pieces of the overall image as backgrounds for structural elements like those linky-tabby looking things in the upper left nav that probably should be realized with an unordered list. The borders of the content div are going to be the hardest part but techniques like in the Sliding Doors articles on A List Apart might come into play for that.