Background images aren’t showing up [SOLVED]

[brianatlarge]

So I installed the starkers wordpress theme and began styling, but for some reason I can’t get my background images to show up.

Site: http://www.brianfarris.net

CSS:

Code:

#wrapper {margin: 0 auto; width:1000px;}

#header {background-image:url(/images/header.png);}
#headerinfo {float:left;}
#headersearch {float:right; margin: 150px 30px 0 0;}

#maincontent {background-image:url(/images/content.png); background-position: center top; background-repeat:repeat-y; margin-bottom:80px;}

#content {width:600px; float:left; margin-left:115px;}
#sidecontent {width:250px; float:right;}

#footer {background-image:url(/images/footer.png); clear:both;}
#footercontent {width:900px; margin-left:115px;}

Thanks.

[chrisL]

Two things to fix it…

1 – clear your floats in your maincontent div (add an empty div after the content and sidecontent divs with the clear:both CSS attribute)
2 – remove the height and min-height from the maincontent div — these are not needed after you clear the floats

I had to add some extra content to the content section to test it to make it expand beyond the height of your background image, but this worked for me.

[cssgirl]

cforms II by delicious days is the ultimate WordPress contact form.

[Author]

Posts