CSS and background problem

Discussion in 'CSS' started by coxis, Nov 16, 2006.

  1. #1
    My site: http://silentbits.com/

    When it loads it gets the background from this:

    body{font:62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;font-size:11px;color:#444;text-align:center;background:#BABAAB url('/silentbits/wp-content/themes/TechnoBlue3/images/Shadow.png') repeat-y center !important;margin:0 0 8px;padding:0;}

    Good it loads the shadow but it also color with background the main post area.

    Next it load this line, next line in css:
    #page{background:#FFF;text-align:left;position:relative;width:995px !important;_width:995px !important;border:none !important;background-color:#f8f8f8 !important;margin:0 auto;padding:0;}

    It load background-color:#f8f8f8, this is the color for main part.

    And now this sucks, i mean it slows the page.

    Any idea how to solve that, i don't know css well.

    Thanks in advanced.
     
    coxis, Nov 16, 2006 IP
  2. daytimetvisrottingmybrain

    daytimetvisrottingmybrain Peon

    Messages:
    119
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    In your body style change "background:#BABAAB url..." to "background:transparent url..." to get rid of the background color in the main posting area. Using PNG's in stylesheets can cause slow loading in IE, if you don't need the transparency you're better off sticking to JPG format.

    Although your page did seem to load fairly quickly for me, have you made changes to your styles since posting this thread?
     
  3. coxis

    coxis Peon

    Messages:
    697
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Well this doesn't work, my background need a color and when i add transparent it is just white ?

    No i don't change anything, the speed bug with coloring the site is difficult to explain with my English. Anyway the bug with background should fix it.
     
    coxis, Nov 16, 2006 IP