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

                      Sponsor

                      Collapse

                      Incredible Stock

                      Latest Topics

                      Collapse

                      • kemingMatters
                        Comment on Alternative software to Indesign & Illustrator
                        kemingMatters
                        out of curiosity, what do you find weird about their output formats? What is an example of something that you find wrong with the software? Just curious as I'm considering checking it out.
                        Today, 08:28 PM
                      • PrintDriver
                        Reply to Will someone critique my portfolio? (and my website if you have the time?)
                        PrintDriver
                        Your link does not work.

                        I wouldn't hire you if you've never used InDesign.
                        Today, 07:29 PM
                      • spyrocc
                        Hi
                        spyrocc
                        Hi good people of GDF.
                        My name is Alex Gudino and I'm trying really really hard to be really really good at design. I have no formal education and hope my drive and determination to improve make...
                        Today, 05:41 PM
                      • Carlo
                        Reply to Alternative software to Indesign & Illustrator
                        Carlo
                        Some things are wrong with affinity software, but some things are better conceived than Illustrator and Photoshop. They are working on a Indesign alternative. Their Photoshop and Illustrator alternatives...
                        Today, 05:19 PM
                      • landcat
                        Reply to Hi Everyone!
                        landcat
                        Sorry about the small font i may have accidentally changed something.

                        i am currently working on getting my associates degree in graphic design. i have learned alot tutorials and from others....
                        Today, 04:46 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