Stylesheet generates background color only when not in radiant

Ruby Apps Radiant CMS
1

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
page
with a slug of style.css and referenced by a href="/style.css" link in
the
layout.

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; } 
        TABLE.OUTLINE {
            HEIGHT: 100%;
            WIDTH: 750px;
        }
    </style>
</head>
<body>
    <table class="OUTLINE" align="center" cellpadding="0"

cellspacing=“0” border=“0”>
<r:content>

2

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/>.

Regards,
Josh

3

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

-Alex

4

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

5

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

-Alex

6

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

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

7

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