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

                      • Kayekaye
                        Comment on music distracting?
                        Kayekaye
                        Oh! One of my favorites! I could listen bruddah izzy all day!
                        Today, 02:46 PM
                      • Yehoshua
                        Reply to Security One Redesign
                        Yehoshua
                        Wow. I love how the eagle feels like it's protecting or guarding something. Very well done, solid mark, and great idea of showing TONS of applications! Was this a client project or a personal endeavo...
                        Today, 02:45 PM
                      • Kayekaye
                        Comment on How to do this effect?
                        Kayekaye
                        Exactly!
                        Today, 02:39 PM
                      • Kayekaye
                        Reply to Student Government Logo
                        Kayekaye
                        Being of norsk descent the horns look fine to me, very cow/bull-like. But the new research is showing that the Vikings never used horns or even wings on their helmets. Popular myth.
                        Today, 02:36 PM
                      • Designia
                        Comment on How to do this effect?
                        Designia
                        It works if you're designing a label but that's pretty much it.
                        Today, 02:36 PM

                      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