Background image?

LoganberryGroup · April 28, 2011

HI.

Why is my background image at the top?

http://www.checkpointdirect.co.uk/

I have in the CSS.

body {
 background: #ff7d01;
 background-image: url(bgimage.png);
 background-repeat: no-repeat; 
 background-position: center bottom;
 padding: 0;
 color: #000;
 margin: 0px;
 font-size: 11px;
 font-family: tahoma;

Any help would be great.

Thanks

Scott

npn2531 · April 28, 2011

It's a 'glitch' in 2.3. The body tag is not cleared.

open template_bottom.php and change:

</body>

to:

<div class="clear"></div>
</body>

same issue exists for the <html> tag

PS - make sure you have something like this in one of your stylesheets. It should be included in the 960 grid stylesheet.

clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

LoganberryGroup · April 28, 2011

Thank you very much. :D

LoganberryGroup · April 29, 2011

Is it possible to have 2 backgrounds?

i.e. One at the top and one at the bottom?

Thanks

npn2531 · April 29, 2011

Absolutely. Put the second image in the <html></html> tag. You'll have to clear it in template_bottom.php like the body tag. You might need to create a html selector in the stylesheet.

 
html{ background-image: url(bgimage2.png);}

Also, you can use the <div> that opens in template_top.php just below the opening body tag. Since it has an id of 'bodyWrapper' and a class of 'container', you would only need to add the image to the 'bodyWrapper' id or to the class 'container' in the stylesheet. (or create such a selector). This div closes in template_bottom.php just above the closing body tag, and will also need to be cleared.

Background image?

Recommended Posts

LoganberryGroup

Link to comment

Share on other sites

npn2531

Link to comment

Share on other sites

LoganberryGroup

Link to comment

Share on other sites

LoganberryGroup

Link to comment

Share on other sites

npn2531

Link to comment

Share on other sites

Archived

Browse

Activity