# Stylesheet generates background color only when not in radiant

**URL:** <https://www.ruby-forum.com/t/stylesheet-generates-background-color-only-when-not-in-radiant/142048>\
**Category:** Radiant CMS\
**Created:** [July 2, 2008, 10:30pm UTC](https://www.ruby-forum.com/t/stylesheet-generates-background-color-only-when-not-in-radiant/142048 "2008-07-02T22:30:49Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![dave4c03](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/839c29/32.png) [@dave4c03](https://www.ruby-forum.com/u/dave4c03)\
**Post date:** [July 2, 2008, 10:30pm UTC](https://www.ruby-forum.com/t/stylesheet-generates-background-color-only-when-not-in-radiant/142048/1 "2008-07-02T22:30:49Z")

</div>

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\>

---

<div class="post-metadata">

**Author:** ![dave4c03](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/839c29/32.png) [@dave4c03](https://www.ruby-forum.com/u/dave4c03)\
**Post date:** [July 2, 2008, 10:47pm UTC](https://www.ruby-forum.com/t/stylesheet-generates-background-color-only-when-not-in-radiant/142048/2 "2008-07-02T22:47:52Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![dave4c03](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/839c29/32.png) [@dave4c03](https://www.ruby-forum.com/u/dave4c03)\
**Post date:** [July 2, 2008, 11:00pm UTC](https://www.ruby-forum.com/t/stylesheet-generates-background-color-only-when-not-in-radiant/142048/3 "2008-07-02T23:00:11Z")

</div>

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

-Alex

> **[Beautiful Pixel](https://beautifulpixel.com/)**
>
> A log of random code experiments and semi-useless thoughts from some software developer named Alex...

---

<div class="post-metadata">

**Author:** ![dave4c03](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/839c29/32.png) [@dave4c03](https://www.ruby-forum.com/u/dave4c03)\
**Post date:** [July 3, 2008, 2:12am UTC](https://www.ruby-forum.com/t/stylesheet-generates-background-color-only-when-not-in-radiant/142048/4 "2008-07-03T02:12:12Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![dave4c03](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/839c29/32.png) [@dave4c03](https://www.ruby-forum.com/u/dave4c03)\
**Post date:** [July 3, 2008, 2:15am UTC](https://www.ruby-forum.com/t/stylesheet-generates-background-color-only-when-not-in-radiant/142048/5 "2008-07-03T02:15:08Z")

</div>

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

-Alex

> **[Beautiful Pixel](https://beautifulpixel.com/)**
>
> A log of random code experiments and semi-useless thoughts from some software developer named Alex...

---

<div class="post-metadata">

**Author:** ![dave4c03](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/839c29/32.png) [@dave4c03](https://www.ruby-forum.com/u/dave4c03)\
**Post date:** [July 3, 2008, 2:32am UTC](https://www.ruby-forum.com/t/stylesheet-generates-background-color-only-when-not-in-radiant/142048/6 "2008-07-03T02:32:04Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![dave4c03](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/839c29/32.png) [@dave4c03](https://www.ruby-forum.com/u/dave4c03)\
**Post date:** [July 3, 2008, 2:37am UTC](https://www.ruby-forum.com/t/stylesheet-generates-background-color-only-when-not-in-radiant/142048/7 "2008-07-03T02:37:55Z")

</div>

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