Having Problem With Zoom In-Out

[umairhaider]

Hi everyone! I have a problem when i zoom in or zoom out, elements of my page are misplaced all over the page.

That's how it looks without zoom: http://www.freeimagehosting.net/zis1u

And that's how it looks when i zoom in: http://www.freeimagehosting.net/u9xi1...

 

 

 

 

 

index.html

[grabenair]

Well lets start here. First take the html file that you have and go to http://validator.w3.org/check and past it there and fix all of the errors. It showed me 28 of them. Also ul closing tags go at the end of the ul this is causing you problems because between you opening ul and closing ul it is trying to make everything a ul. You can git rid of all of the &nbs and </br> tags use css to postion your elements this is most of your problem you are not telling the browser where to put your elements just to put a space in there.

 

On your border left instead of using js for this you can use css like this. Put a border left on all the links with css and then put this in your css

li:last-child {
border-right: none;
}

 

 

This will get you started in the right direction.

Edited March 16, 2013 by grabenair

[kralcx]

Your zoom in link did not work for me

[Andrea]

What grabenair said - clean up your html first. This:

                 
                &nbsp
;                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
        &nbsp        
                 
 

Should NEVER be in any code.

 

If you're interested in help with the clean-up, let me know.