background = "" attribute problem

Discussion in 'HTML & Website Design' started by Darkhodge, Dec 28, 2006.

  1. #1
    Hey,


    I just created a site (http://www.guitarprotabs.org) which is using tables for the layout. I used the "background = ''" attribute to set the background behind the main content.

    This works in FF but doesn't show up at all in IE.

    Please could someone tell me how to solve this problem?


    Thanks,

    Hodge :)
     
    Darkhodge, Dec 28, 2006 IP
  2. B.V.E.

    B.V.E. Peon

    Messages:
    106
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I'm not 100% sure what the exact problem is here, but simply use unique classes for each object with a background and your problem will be solved, i.e.:

    
    tr.main {
    	background: url('images/bodyBG.png') repeat-y;
    }
    
    TO==>
    
    .bodybg{
    	background: url('images/bodyBG.png') repeat-y;
    }
    
    AND
    
    <tr background = "http://www.guitarprotabs.org/images/bodyBG.png" [B]class="bodybg"[/B]>
    
    
    Code (markup):
     
    B.V.E., Dec 28, 2006 IP
  3. Darkhodge

    Darkhodge Well-Known Member

    Messages:
    2,111
    Likes Received:
    76
    Best Answers:
    1
    Trophy Points:
    185
    #3
    While I was waiting I was playing around with CSS and used that instead of the <tr background=".... just like you suggested and it worked :)

    Thanks for your help :D
     
    Darkhodge, Dec 28, 2006 IP