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

  • lowfatgraphics
    Reply to Candy Shop Logo
    lowfatgraphics
    "S" is tough to read-- looks interesting. the glossy highlights seem to have multiple light sources tho...might want to double check.
    Today, 03:43 AM
  • lowfatgraphics
    Reply to Opinions on My Logo?
    lowfatgraphics
    Tough to comment because I'm not aware of its usage...signage or a cup coaster-- how small will it ever be, because at one point the thin tag line with not be readable. So you would have to create a system....
    Today, 03:39 AM
  • lowfatgraphics
    Font
    lowfatgraphics
    Hey everyone,

    I'm looking to invest in a font management software. I've used Suitcase Fusion ($119) before but I've been hearing good things about Font Explorer X Pro ($89).

    ...
    Today, 03:18 AM
  • arielr190
    Reply to Opinions on My Logo?
    arielr190
    Changed the fonts, removed the texture, reduced the amount of colors & brightened the orange. better?...
    Today, 02:21 AM
  • PrintDriver
    Reply to Creating an Image for a car sticker
    PrintDriver
    Your client needs to get you the dimensions of the door. Without that, one can only guess.
    In Illustrator use whatever units you want. I use inches. Too much math otherwise.
    Today, 02:00 AM
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. call (212) 389-2000 or email us
                      Working...
                      X