Dear friends:
Please see my site at:
http://www.immortalgems.com/
Please compare the right margins (at 1024 X 768 resolution) with the original version at:
http://www.immortalgems.com/original/index.html
I opened the original template PSD image for the home page in Photoshop 7, removed all the layers and slices that filled up the main panel, leaving everything else just as it is. I then switched to ImageReady, saved the HTML index.html file and images Optimized As and then created a site in GoLive 6 and uploaded it as is.
For purposes of comparison, I also created a site in Dreamweaver and checked it in its Preview in Browser and saw the exact same problem: if you switch your resolution to 800 X 600, everything looks perfect. However, at 1024 X 768, the right margin is white instead of being an extension of the page background and the bottom panel does not extend all the way to the right screen margin.
I've been told that I need a containing table with WIDTH=100% to contain the fixed size pixel table in order to resolve this issue.
I did a search for a tutorial on containing tables in Google. I found one at:
http://www.designplace.org/tutorials.php?page=1&c_id=5
I tried to apply it to my site. But I've obviously failed as you can see it at:
http://www.immortalgems.com/index-m.html
Please scroll down till you see the image.
I'd appreciate help on resolving this issue.
Is there a way to edit the image size in Photoshop/ImageReady to automatically generate the correct HTML page?
All my thanks.
Benjamin
