Question

I have made a simple html page with an image on it to display as a header. The problem is that the image is not repeating.

When I set the width to 100% the td (side) disappears.
If I remove width from basestrip, then it only covers half of the screen area. I want to cover all of the screen with the image with the specified height.

<table cellpadding="0" cellspacing="0">
    <tr>
        <td id="side" width="10px" height="25px"></td>
        <td></td>
        <td id="basestrip" width="100%" height="25px">
                    </td> 
             </tr>
</table>  

This is the css:

#side {
background-color: #014160;
}

#basestrip {
    background-image: url('../Images/topstripbg.png');
    background-repeat: repeat-x;    
}

Answer 1

Try adding a width=”100%” (or better a style=”width: 100%” or even better with applying a CSS style of width: 100%) to your table. With your code, the cell takes 100% of the table. But the table takes by default the size of the content of all the cells.