Welcome to WebmasterWorld Guest from 54.205.209.95

Forum Moderators: not2easy

Message Too Old, No Replies

footer will not stay centered

   
4:38 am on Oct 29, 2009 (gmt 0)

5+ Year Member



I have a webpage that the footer will not stay centered if you zoom on the webpage.

I have a webpage that is 1008 pixels wide.

The header is 1008 pixels wide.

The footer is 790 pixels wide.


#footer {
display: block;
margin-right: auto;
margin-left: auto;
width: 790px;
height: 50px;
background: url(http://example.com/pictures/footer.png) no-repeat;
}

There is no problem on a webpage where the footer is the same size as the webpage.

[edited by: swa66 at 1:12 pm (utc) on Oct. 29, 2009]
[edit reason] No URLs, please ee ToS and Forum Charter [/edit]

5:46 am on Oct 29, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The personal link in the CSS will be removed.

IE has known zoom issues related to centered content. Until someone comes along with the hack that you need, search - ie zoom centering - You will find references to zoom hacks, hasLayout, needed conditional comments.....