css3 - CSS Layout shifts to Right on iPhone/iPad? -


super weird: reason, site's front page layout (css) shifts right on mobile device when it's supposed centered? see: http://www.stylerepublicmagazine.com

does know why is? i've seen error on other forums, no 1 seems have solid fix it.

here's main portion of stylesheet template:

#wrapper {     position:absolute;     width:100%;     margin: 0, auto;     margin-top:60px;  }  #socialmedia {    float:right;  }     #topbanner {      margin-left:180px;     width:990px;   }  #magnavigation {      position:absolute;     margin-top:150px;     margin-left:150px;  }  #featureslides {     position:absolute;     margin-top:240px;     margin-left:190px;      width:1000px; }    div.img {   padding-top:40px;   margin: 0px;   height: 150px;   width: 150px;   float: left;   text-align: left;   vertical-align:top;   padding-right:62px; }      div.imglast {   padding-top:40px;   margin: 0px;   height: 150px;   width: 150px;   float: left;   text-align: left;   vertical-align:top;  }      div.img img {   display: inline;   margin: 3px;  }  div.articlename {  padding-top:5px; font-family:'oswald', sans-serif; font-size:1.4em;  }   div.desc {   padding-top:5px;   text-align: left;   font-family:helvetica;   font-size:1em;   font-weight: normal;   width: 140px;   margin: 0px;   padding-bottom:100px; }   #morefeatures {  margin-top:180px; float:left; width:685px; padding-right:15px; padding-bottom:20px;   }  #adverts {      width:300px;     float:right;     margin-top:180px;    }   .frontheading {      font-family: 'oswald', sans-serif;     font-size:30px;     padding-bottom:5px;     } 

thanks, b

you're declaring lot of margin-left properties causes elements shift right.


before , after removing margins on left.

margin no margins


Comments

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -