ThemeShaper Forums » Thematic

Navigation overflow issue in Safari

(4 posts)
  • Started 10 years ago by Aimee
  • Latest reply from amygail
  • This topic is resolved
  1. Aimee
    Member

    Good morning! In Safari (not Firefox or IE), my #main pops up to the top right of my navigation so that user has to scroll waaaay right to see the site content. I have whittled it down to something having to do with "overflow" in #access, but when I repair it there, my dropdowns no longer function.

    Here's the link:

    http://www.inspireyoga.com/

    And the #access code:

    #access {
    border-bottom:1px solid #ccc;
    background-color: #8A7967
    height:32px;
    font-size:13px;
    overflow:visible;
    z-index:100;
    }

    Problem is only in Safari.

    Thanks in advance. New to this

    Posted 10 years ago #
  2. amygail
    Member

    Don't know if this is the issue - but you do have a few mistakes in your css

    Install the web developer extension for Firefox -it make it much easier to find these things or use the validator here http://jigsaw.w3.org/css-validator/

    In the #access
    background-color: #8A7967

    also here - you're missing the semi colon after the width

    #main {
    width:960px
    clear:both;
    color:#58595B;
    padding:40px 0 0px 0;
    background: #ffffff;
    }

    and here

    .entry-content {
    padding:0 0 0 0;
    font-color: #716558
    font-family:trebuchet MS,sans-serif;
    }

    after the color

    and here

    .main-aside ul {
    padding:20px, 5px;
    font-family: trebuchet MS, arial, sans-serif;
    }

    there shouldn't be a comma in the padding dec

    this looks a little weird too
    </style>
    <!-- ImageLink widget --><link rel='stylesheet' href='http://www.inspireyoga.com/wordpress/wp-content/plugins/simple-image-link/simple-image-link.css' type='text/css' media='screen' />
    <style type="text/css">

    I'd take that out and call that css from your style.css

    Posted 10 years ago #
  3. Aimee
    Member

    OH, man. You just made my week. The problem was the omission of that first semicolon. One million thanks, and see if I ever don't validate again. :)

    Aimee

    Posted 10 years ago #
  4. amygail
    Member

    Cool - glad that did the trick. I know I've pulled my hair out over little things like that.
    The web dev toolbar has saved me may hours to tears and sweat!

    Posted 10 years ago #

RSS feed for this topic

Reply

You must log in to post.