css position - absolutely positioned logo not centeredd in iOS -


the logo on friends website working in browsers yet when open iphone or ipad (actual devices) it's wonky.

<a href="http://www.averylawoffice.ca/averywordpress"><img class="averylogo" src="<?php bloginfo('template_directory') ?>/img/header-averylawoffice-logo.png" alt="avery law office"></a> 

it's not placed in containing div. on it's own.

css

 .averylogo { position: absolute; width:360px; left: 50%; margin-left: -180px; z-index: 2; } 

i'm not quite sure why works everywhere else doesn't center on ipad or iphone properly.

this it's looking like, on ios. enter image description here

what doing wrong?

give #main-navigation position:relative; otherwise logo positioned relative body, resized on smaller device.

chris coyier has article it.


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -