[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