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.
Comments
Post a Comment