[Typo3] OT: CSS design question

Peter Niederlag niederlag at ikd01.de
Thu Apr 28 16:24:45 CEST 2005


Hi,

Christoph Koehler schrieb:
> Hello, sorry for the OT, but you are great so I thought you wouldn't 
> mind!  It is for a TYPO3 template after all...
> 
> I have kind of a spacer image for my website header that sits to the 
> right  of some other images, all positioned absolutely with CSS. Now I 
> want that  spacer image to repeat towards the right of the page and fill 
> it all up.  Make sense so far?
> 
> So I made a div with a ID, and applied the following CSS code:
> 
> #headerright {
>   position: absolute;
>   left: 750px;
>   top: 0px;
>   height: 134px;
>   background-image: url('images/headerfill.gif');
>   background-repeat: repeat-x;
> }
> 
> So I want its left top corner to start at 750px from the left, and at 
> the  very top. It's also 134px high.
> However, it doesn't repeat itself to the right, no matter what 'width:'  
> value I use.

a)
be careful with position: absolute. get into CSS and be sure to 
understand about the page-flow and positioning schemes.

b)
background-repeat might not be interpreted by all browsers(espacially 
browser-simulator IE), maybe try the "shortcut notation" instead.

background: url(someurl/somefile.gif) #fff repeat-x;

I know that definitly works in all major browsers.

Cheers,
Peter
-- 
Peter Niederlag
http://www.niekom.de * TYPO3 & EDV Dienstleistungen *
http://www.typo3partner.net * professional services network *



More information about the TYPO3-english mailing list