CSS not being read properly? Or an "error" somewhere?

Discussion in 'CSS' started by xxll_martin_llxx, Jul 22, 2008.

  1. #1
    Hey all,

    I'm using the Multiflex-2 xhtml layout.

    http://www.openwebdesign.org/design/2876/MultiFlex21/

    As you can see the background has a more greyish look with a black shadow on the border line.

    On my site this doesn't appear and I am led to believe it's SOMETHING to do with my CSS.

    My site: http://www.phoenixsupras.exofire.net/ - just a plain white, and no shadow on the border.

    My CSS:
    body {font-size: 64%; margin: 0px auto; padding: 0px; background: url(../img/background_body_grey.gif) top center repeat-y; font-family: verdana, arial, Helvetica, sans-serif;}
    
    .page-container-1 {width: 770px; margin: 0px auto; padding: 0px; background: url(../img/background_layout_1.gif) top left repeat-y; border: solid 1px rgb(100,100,100);}
    
    .page-container-2 {width: 770px; margin: 0px auto; padding: 0px; background: url(../img/background_layout_2.gif) top left repeat-y; border: solid 1px rgb(100,100,100);}
    
    .page-container-3 {width: 770px; margin: 0px auto; padding: 0px; background: url(../img/background_layout_3.gif) top left repeat-y; border: solid 1px rgb(100,100,100);} 
    HTML:
    Why can't I get it to work?


    Also, say I wanted to add an image background which repeated itself how would I get that image to show just on the outside of the borders and not in the actual page container? www.phoenixsupras.exofire.net/img/bck3xs4.gif
     
    xxll_martin_llxx, Jul 22, 2008 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Your link is broken. Please repost the link.

    I don't know who told you to put your css rules in a single line, but don't. It's ugly and makes debugging more difficult. Put each rule on its own line, indented 2 or 3 spaces.
    
    body {
      font-size: 64%; 
      margin: 0px auto; 
      padding: 0px; 
      background: url(../img/background_body_grey.gif) top center repeat-y; 
      font-family: verdana, arial, Helvetica, sans-serif;
      }
    Code (markup):
    cheers,

    gary
     
    kk5st, Jul 22, 2008 IP
  3. xxll_martin_llxx

    xxll_martin_llxx Well-Known Member

    Messages:
    128
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    155
    #3
    It's going through a DNS change at the moment - sorry!!

    That was the original css from the template. Thanks, I shall change it - much easier on the eye your way.

    Cheers :)

    I'll repost when the DNS has finished. Sorry.
     
    xxll_martin_llxx, Jul 22, 2008 IP
  4. xxll_martin_llxx

    xxll_martin_llxx Well-Known Member

    Messages:
    128
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    155
    #4
    Just a "bump" to say it's back up now.
     
    xxll_martin_llxx, Jul 22, 2008 IP
  5. glorie

    glorie Peon

    Messages:
    123
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The site isn't loading for me.
     
    glorie, Jul 22, 2008 IP
  6. xxll_martin_llxx

    xxll_martin_llxx Well-Known Member

    Messages:
    128
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    155
    #6
    Works fine for me.
     
    xxll_martin_llxx, Jul 23, 2008 IP
  7. Haric

    Haric Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Looks like your background image is missing, should it be here...
    http://www.phoenixsupras.exofire.net/img/background_body_grey.gif
     
    Haric, Jul 23, 2008 IP
  8. xxll_martin_llxx

    xxll_martin_llxx Well-Known Member

    Messages:
    128
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    155
    #8
    Woohoo :D:D

    There was one missing.

    Thanks

    No more replies needed.

    :D:D
     
    xxll_martin_llxx, Jul 23, 2008 IP