Basic CSS query

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I wish to have an image tile down the right hand side of the fluid page as
if it was part of the background.
The intention is to have the page imitate the look of an American football
pitch with the markings  down each side of the page.
I have a tiling graphic as the background which takes care of the page
background and the left side markings.
I have created an image to tile down the right side showing the markings,
but need to know how to control it in the CSS.

A second aspect to the query is how would I specify that the total
background effect be:-
(1) Stationary as the page is scrolled vertically,
(2) Scroll with the page contents.

Many thanks
Brian Tozer

Re: Basic CSS query

KiwiBrian wrote:
Quoted text here. Click to load it

with background and related properties.

Something like

body {
   background-image: url("marble.gif") ;
   background-position: top-right ;
   background-repeat: repeat-y ;

Quoted text here. Click to load it

These two are contradictory, of course.  In order, it's
   background-attachment: fixed ;
   background-attachment: scroll ;

follow the directions in my address to email me

Re: Basic CSS query

On Fri, 11 Jul 2003 18:33:32 GMT, Brian

Quoted text here. Click to load it

I think that this may not help, as he says he already has a background
graphic for the left side of the page.  AFAIK there is no way to put two
background images on (under?) the same element.  The only thing that
comes to mind is to put a narrow DIV on the right side, just wide enough
for the graphic, but that implies using HTML for presentation, plus
you'll be back shortly posting about how to get it to go all the way to
the bottom of the page.  I guess you might be able to do something
involving tables or frames, but that's like using a hammer for brain

Greg Schmidt (
  Trawna Publications ( /)

Re: Basic CSS query

"Jacqui or (maybe) Pete" wrote
Quoted text here. Click to load it


Thanks so much.
It doesn't matter, but I am interested in why the side graphics are not
fixed. They scroll with the page even tho the CSS says fixed. I am using

 #all1 {
      background: transparent url('gridbck1.jpg') top left repeat-y fixed;
   #all2 {
      background: transparent url('gridbackright.jpg') top right repeat-y
      padding: 1ex 80px;

Brian Tozer

Re: Basic CSS query

KiwiBrian wrote:

Quoted text here. Click to load it
Because IE sucks.

Site Timeline