[Typo3] OT: CSS design question

[Christoph Koehler]

Thanks for all the answers everyone, I will check this out and post any  
followups on that
CSS forum.

thanks again!

Christoph


On Thu, 28 Apr 2005 09:24:45 -0500, Peter Niederlag <niederlag at ikd01.de>  
wrote:

> 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