Extra padding being added in Safarai

  • I have created a custom theme for my blog: https://www.shawncope.com/blog/
    that closely mirrors my normal site: https://www.shawncope.com

    I seem to be getting extra padding on the blog when viewed in Safari. I can’t find any rule in my style sheet that could possibly cause this, and the normal site (which is where I got the majority of the code) looks fine in Safari. The blog also looks fine in firefox and ie.

    The areas I am having the most problem with is the navigation having a small gap from the masthead, and the sidebar moving to the right by a considerable amout.

    If I open up the page in the webkit browser and do a right click / inspect element on the UL in the sidebar, I am finding that there is a 40 pixel padding rule assigned by the “user agent stylesheet”. I have no idea where this is coming from, and I even have rules in the begining of my style sheet to reset any browser defaults to 0.

    Has anyone come across this issue, or have any idea how to fix it?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Are you using a custom stylesheet in Safari (anything other than None Selected)? Check in your Safari preferences.

    Oops, it’s messed up in my Safari too. You need to validate your html because you have some bad coding (paragraphs inside links):

    https://validator.w3.org/

    You should also check your css as it also has errors like:

    -moz-border-radius: 10px;
-webkit-border-radius: 10px;

    Your “start reset.css” section is a bit odd-looking (font properties for img and other things), so I’d try removing it.

    Thread Starter 81pixels

    (@81pixels)

    Thanks for looking at that. The code validates now, except for the youtube embed code. I also removed the rounded corners rules in the css sheet, and changed the reset.css section up a little. Still getting these problems. Any other ideas?

    Thread Starter 81pixels

    (@81pixels)

    Ok, well I think I found the problem. Not sure what happened here, but I think it was due to not having “@charset “UTF-8″;” at the begining of my stylesheet. Somehow I had a comment above that. Seems to work now.

    @iridiax: thanks again for looking at this!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Extra padding being added in Safarai’ is closed to new replies.