Stylesheet generates background color only when not in radiant

The following css code when embedded in a layout works and generates a
colored background (by repeating the 1 pixel wide gif).

The css also works if a style.css file is external to radiant.

However, it does not work properly if the css is created as a radiant
with a slug of style.css and referenced by a href="/style.css" link in

Is this a known radiant bug or is this my problem?

BODY { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 20px; BACKGROUND-IMAGE: url('/images/background.gif'); BACKGROUND-COLOR: #FFFFFF; background-repeat: repeat; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif; }
            HEIGHT: 100%;
            WIDTH: 750px;
    <table class="OUTLINE" align="center" cellpadding="0"

cellspacing=“0” border=“0”>

If you’re going to go the styles.css route, make sure to create a
layout specifically for stylesheets and give it a mime type of text/
css, otherwise it will render it as HTML.

In that layout, simply put <r:content/>.


Also, there should be no reason to repeat a 1px square image as a
background. Just use a background color.


Actually, I was imprecise and not clear. The gif is 1x800 pixels and
pixel color varies as it goes down the page.

That makes much more sense! Sorry for the CSS alarm.


Your were 100% correct. That was my problem. It now works! Thanks.

On Wed, Jul 2, 2008 at 1:47 PM, Josh S. <

No need to be sorry, I misled you. Thanks for your help.