Announcement

Collapse
No announcement yet.

Why doesnt this work in Safari?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Why doesnt this work in Safari?

    I am working on a site, it all shows up nice in Firefox, but for some reason it doesnt in safari!

    Just check this link in both and you will see:
    http://www.webgraficz.co.uk/logo_design.html


    Any help would be appreciated.

    Thanks,
    Ollie
    Portfolio- www.oliver-ashley.com

  • #2
    As I can't see your CSS sheet it's hard to say...
    but my immediate thought is that perhaps this id
    <div id="right_block">
    that links that sidebar (which is what is not working in Safari... at least for me) is perhaps not linking up right? or has a coding error...
    wanna post the code for it from your css?
    I'd rather be hated for who I am, than loved for who I am not. ~ Kurt Cobain

    Comment


    • #3
      I have tried changin the id to "right_side", as when I was first putting it together, the name "right_column" wouldnt work.

      Here is the CSS:
      (sorry for how rubbish it is!!)

      @charset "UTF-8";

      body {
      background:#231f20;
      }

      a:link { color: #444; text-decoration: none;}
      a:visited { color: #444; text-decoration: none;}
      a:active { color: #444; text-decoration: none;}
      a:hover { color: #5c7480; text-decoration: none;}

      #wrapper {
      width: 804px;
      margin: auto;
      height: 600px;
      margin-top: 0px;
      top: 0;
      }
      #header {
      height: 100px;
      width: 804px;

      }
      #header_right {
      float: right;
      text-align: right;
      color: #e8ecec;
      font-family: "Lucida Grande", Tahoma, Verdana;
      font-size: 11px;
      font-weight: lighter;
      font-variant: normal;
      text-transform: uppercase;
      width: 400px;
      height: 25px;
      padding-top: 65px;
      }
      #logo {
      float: left;
      width: 300px;
      height: 100px;
      padding-top: 50px;
      margin-top: 0px;
      color: #e8ecec;
      font-family: "Lucida Grande", Tahoma, Verdana;
      font-size: 9px;
      font-weight: lighter;
      font-variant: normal;
      text-transform: uppercase;

      }
      #content {
      background-image:url('../images/contentbox_slice.png');
      width: 804px;
      margin-top: 5px;
      padding: 0px;
      font-family: "Helvetica", Arial;
      color: #444;
      height: auto;
      overflow: hidden;

      }
      #nav {
      background-image:url('../images/navigation_block.png');
      width: 794px;
      height: 43px;
      margin-top: 20px;
      padding-right: 10px;
      text-align: center;
      padding-bottom: 10px;
      font-family: "Helvetica", Arial;
      font-style: condensed;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #444;
      }
      #left_block {
      float: left;
      width: 528px;
      padding-left: 10px;
      padding-right: 5px;
      height: auto;
      }
      #left_block img {
      margin-left: 80px;
      margin-top: 15px;

      }
      #right_side {
      float: right:
      width: 248px;
      margin-left: 557px;
      margin-right: 0px;
      padding-right: 0px;
      overflow: hidden;
      }
      #right_side li {
      list-style-type:none;
      display: block;
      text-align: center;
      background-color: #ccc;
      margin: 15px;
      height: 25px;
      padding-top: 5px;
      width: 230px;
      margin-left: -32px;
      margin-top: -8px;
      }
      #right_side li:hover {
      list-style-type:none;
      display: block;
      text-align: center;
      background-color: #5c7480;
      margin: 15px;
      margin-left: -32px;
      color: #fff;
      margin-top: -8px;
      }
      #right_side a:hover {
      color: #fff;
      }


      #nav li {
      padding: 10px;
      float: left;
      list-style-type:none;
      display: block;
      padding-bottom: 10px;
      text-align: center;
      margin-top: 12px;
      }
      h2 {
      font-family: "Helvetica", Arial;
      color: #28516b;
      font-style: condensed;
      font-size: 19px;
      letter-spacing: 0px;
      }
      hr {
      color: #fff;
      border-bottom: 1px dotted #000;
      padding: 0px;
      }
      #banner {
      height: 114px;
      width: 114px;
      position: fixed;
      top: 0;
      right: 0;
      }
      #recent_blog {
      width: 220px;
      background-color: #ccc;
      margin-left: 8px;
      padding-top: 2px;
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 5px;
      margin-bottom: 5px;
      }
      h4 {
      font-family: "Helvetica", Arial;
      color: #28516b;
      font-style: condensed;
      font-size: 15px;
      letter-spacing: 0px;
      }
      #previous_blog {
      width: 220px;
      background-color: #ccc;
      margin-left: 8px;
      padding-top: 5px;
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 5px;
      height: 200px;
      }
      #previous_blog a:hover {
      color: #5c7480;
      }
      input
      {
      color: #666;
      background: #ccc;
      border: 1px solid #666
      }
      textarea {
      color: #666;
      background: #ccc;
      border: 1px solid #666
      }
      .submit {
      color: #fff;
      background: #28516b;
      border: 1px solid #666;
      }
      Portfolio- www.oliver-ashley.com

      Comment


      • #4
        So then... is the problem that in the original code it still says "right_block" and in your css it's "right_side"?
        I'd rather be hated for who I am, than loved for who I am not. ~ Kurt Cobain

        Comment


        • #5
          Nah, I updated that also.

          Its been pecking my head for hours!!
          Just not sure why its doing it, there doesnt seem to be a reason!
          Portfolio- www.oliver-ashley.com

          Comment


          • #6
            hm... forgive me there are better coders on here than me... so hopefully one will swing through this thread for me...
            the only other thing I see is maybe the overflow: hidden;
            I know that safari is supposed to support this code but maybe that is it?
            I'd rather be hated for who I am, than loved for who I am not. ~ Kurt Cobain

            Comment


            • #7
              That did it!

              Thanks Audentina!!
              Portfolio- www.oliver-ashley.com

              Comment


              • #8
                Can you be more specific about what is wrong with the page?

                Safari is a particular browser and Firefox is a forgiving browser. You have 62 HTML validation errors that could be at the root of it.
                Swedish Meatball Pornography

                Comment


                • #9
                  Originally posted by Ollie2376 View Post
                  That did it!

                  Thanks Audentina!!
                  Cool. Glad it fixed it.
                  I'd rather be hated for who I am, than loved for who I am not. ~ Kurt Cobain

                  Comment


                  • #10
                    I just checked in both browsers and they look identical to me...
                    This post is brought to you by the letter E and the number 9. Those are the buttons I push to get a Twix out of the candy machine.
                    "I put my heart and my soul into my work, and have lost my mind in the process."

                    Comment


                    • #11
                      Originally posted by garricks View Post
                      I just checked in both browsers and they look identical to me...
                      Works for me now too Garricks. I think the OP fixed it by taking out that one line of code I suggested. it wasn't working when i first saw it this morning.
                      I'd rather be hated for who I am, than loved for who I am not. ~ Kurt Cobain

                      Comment

                      Search

                      Collapse

                      Advertisement

                      Collapse

                      Latest Topics

                      Collapse

                      • B
                        Comment on Researching Logo Design Process
                        B
                        Tried to find it on Netflix last night, but it wasn't there. Tried Amazon Prime too, and couldn't find it. I would like to see it, though.
                        Yesterday, 06:51 PM
                      • teresuhhh
                        Reply to I'm retiring from my freelance design company. Exit Strategy?
                        teresuhhh
                        or you could do the viable thing and sell your business for an actual profit
                        Yesterday, 06:50 PM
                      • teresuhhh
                        Reply to I'm retiring from my freelance design company. Exit Strategy?
                        teresuhhh
                        OBVIOUSLY you refer all your clients to me, the amazing girl who just started her own graphic design business but has no clients. i'm poor af, but I can pay you everything i have.
                        Yesterday, 06:50 PM
                      • B
                        Reply to Grey balance
                        B
                        If you take a photo of a red apple, the image will be red. If you take a photo of a grey apple, throw it away because it's spoiled. If you take a photo of both a red and grey apple at night, the image...
                        Yesterday, 06:42 PM
                      • B
                        Reply to Newbie Negotiating Contract - Seeking Advice
                        B
                        As someone who spends quite a bit of time reviewing and interviewing applicants, I pay some attention to job titles, but not necessarily for the reasons one might expect.

                        For example, if...
                        Yesterday, 06:34 PM

                      20% off sale at iStock until June 24, 2016
                      GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
                      Working...
                      X