I have a website where on one page I used nested tables to position elements and on another page I used <div> tags to position elements. I did this for testing purposes.
On all webpages, there is a background image 900x600 set in the css file.
On the far left of my web page, I have links displaying vertically at different locations down the page to match up with the specific locations on the background image.
For example I have a picture of 3 locks on the background and on each lock, I have:
It works out fine both using the nested table option and <div> positioning.
However, I know that the <div> is the way to go.
My customer is complaining that when he clicks the "Zoom In/Zoom Out" menu option in his browser, the menu items (about us, etc.) move away from their expected position in the web page.
Is there a way to fix this? If so, could someone point me to a tutorial I could review?