Home/ Questions/Q 7694729
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T21:23:07+00:00

AS the subject outlines, the background div will not show, I thought you needed

  • 0

AS the subject outlines, the background div will not show, I thought you needed to define the width and height, but this doesnt work, ive checked the names and filepaths and these all seem ok.

<head>
<link rel="stylesheet" type="text/css" href="css/invoicestyle.css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
    <div id="logo"><img src="images/ATT3006209.jpg" /></div>
    <div id="card"><img src="images/ATT3006207.jpg" /><br /><img src="images/ATT3006208.jpg" /></div>
    <div class="clear"></div>
    <div id="tagline"><p>Tagline goes here</p></div>
    </div>

    <div id="bar">
        <div id="left"></div>
        <div id="middle"></div>
        <div id="right"></div>
        <div class="clear"></div>
    </div>

</div>
</body>

body{
background:#FFF;
font-family:Arial;
font-size:12px;
}

.clear{
clear:both;
}
#wrapper{
width:1000px;
margin:auto;
}
#logo{
float:left;
}
#card{
float:right;
}
#card img{
padding-bottom:5px;
}

#bar{overflow: hidden;}
#left{
background: url("images/left.jpg") no-repeat;
width:10px;
height:50px;
float:left;
display: block
}
#middle{
background: url("images/mid.jpg") repeat-x; 
width:980px;
height:50px;
float:left;
display: block
}
#right{
background: url("images/right.jpg") no-repeat;
width:10px;
height:50px;
float:right;
display: block
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try to add

    #bar{overflow: hidden;}

    I am not sure if your css for .clear is correct because you did not paste it, it might be the case it is not. Please let me know whether the problem still exists.

    • 0