Question on BG

[xagosto]

I’ writing my code and I place a picture as the main BG of the page.
But now I want a Bar on top of the page.
I create the css

#bar {height:30px; color:yellow;}

But the div always ends up under the bodybg.
how can I put the bar first then the image?

should I create a page wrap? then the bar, header etc.?

a little confused, what should be the correct semantic code?

and help.

[TheDoc]

It would be really beneficial if you posted the code that you have already, that way we can see where you’ve gone wrong.

[xagosto]

Here is my code

This is my html and css,but it was fixed, when I put in the css Reset

Home


Ministry


Photos






This is header




This is page Wrap


This is side bar






This is the footer

/* START CSS-RESET */

* { margin: 0; padding: 0; }

/* END CSS-RESET */

body  { background: url('../photos/bg.jpg') no-repeat scroll top left; width: 1000px; height: 1200px;}

.inside { width:900px; background:#ffffff; margin-left:auto; margin-right:auto;}

header { height:100px; }

nav { height: 30px; }

ul {list-style-type:none;}

li {list-style-type:none; display:inline; padding:5px;  }

a {text-decoration:none;}



#page-wrap {  }

#bar {background:#50B3E0; background-repeat:repeat-y top; height:30px; }

#bar2 {background:#6FA7C1; background-repeat:repeat-y top; height:15px; }

#bar3 {background:#FEFEFF; background-repeat:repeat-y top; height:15px; }

#logo{ width:900px; margin-left:auto; margin-right:auto; padding: 20px 0px 20px 20px;}

[xagosto]

Thanks any way…:)

[Author]

Posts