Announcement Announcement Module
Collapse
No announcement yet.
Why doesnt this work in Safari? Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • 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

                      Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc.
                      Working...
                      X