Jump to content
Sign in to follow this  
yogester22

Black Margin at right of screen on iPad, iPhone and IE

Recommended Posts

yogester22

My blog is at http://www.legrappin.com/blog/ The website is showing a "black bar" at the top of the screen in all browsers and to the right (cutting off the right half of all the sidebars) on the iPad, iPhone and in IE and to a certain extent in Firefox (but no balck right margin in Safari for Mac). I know this is because my background is black but I want my footer to be black and I can't see how I can have both. Any suggestions? Thanks in advance!

Share this post


Link to post
Share on other sites
kastelic

Try this in Custom Code -> Custom CSS: body {margin-top: 0 !important} Not sure about the right side, I dont' see it in Firefox or IE9

Share this post


Link to post
Share on other sites
yogester22

I tried that a while ago but still has the black at the top. Not sure what to do.... Will post an iPad screen shot if I can as well.

Share this post


Link to post
Share on other sites
Kate

This is just a shot in the dark, but try:

body{overflow-x:hidden !important;}

Share this post


Link to post
Share on other sites
yogester22

Thanks Kate but that didn't work either...

Share this post


Link to post
Share on other sites
kastelic

I'm sorry, I had margin instead of padding. This should do the trick:

body {padding-top: 0 !important} 

Share this post


Link to post
Share on other sites
yogester22

Also same problem in Firefox on Windows

Share this post


Link to post
Share on other sites
kgstew

How are you pushing the page to the right to display the le grappin image on the left side? It looks like this is causing the page to push past its actual boundary and creating the black bar on the right. You might try using a three column layout with a side bar on the right and left, just pushing your header to the right and putting the image in the left sidebar.

Share this post


Link to post
Share on other sites
studentkrubb
Any solution to the matter? I also experience a body-background color to the right using ipad. Live link: http://merpotatis.nu

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×