css/firefox problem

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • arsmizzou
    New Member
    • Jun 2006
    • 2
    #1

    css/firefox problem

    i'm making this website, & i've tested out everything, & it looks as if firefox has a problem only w/ the css of my code... anyways everything works perfectly fine in IE, but in Firefox, the image i want in the body does not show up... here's what i got....


    <head>

    <style rel="stylesheet" type="text/css">
    body {
    padding: 0px;
    margin: 0px;
    background-image: url("picture.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    }
    </style>

    </head>
    <body>
    </body>
    </html>
    Tags: None
    • Zachery
      Former vBulletin Support
      • Jul 2002
      • 59097
      #2
      there shouldn't be quotes in your url()

        Comment

        • arsmizzou
          New Member
          • Jun 2006
          • 2
          #3
          already tried it w/out... same thing

            Comment

            • Zachery
              Former vBulletin Support
              • Jul 2002
              • 59097
              #4
              are you sure picture.jpg exsists?

                Comment

                • JakeS
                  Senior Member
                  • Jul 2005
                  • 1975
                  #5
                  try,

                  background-image: url("http://www.yoururl.com/directory/picture.jpg");

                  if that dont work try

                  background-image: url("/picture.jpg");

                    Comment

                    • gulldarek
                      Member
                      • Nov 2001
                      • 40
                      • 1.1.x
                      #6
                      Originally posted by arsmizzou
                      i'm making this website, & i've tested out everything, & it looks as if firefox has a problem only w/ the css of my code... anyways everything works perfectly fine in IE, but in Firefox, the image i want in the body does not show up... here's what i got....


                      <head>

                      <style rel="stylesheet" type="text/css">
                      body {
                      padding: 0px;
                      margin: 0px;
                      background-image: url("picture.jpg");
                      background-repeat: no-repeat;
                      background-position: center;
                      background-attachment: fixed;
                      }
                      </style>

                      </head>
                      <body>
                      </body>
                      </html>
                      What is your DOCTYPE? If it's XHTML 1.1 then you should use 'html' instead of 'body'

                        Comment

                        Previous template Next

                        Related Topics

                        Collapse
                        Working...