|
Posted by Ben C on 09/10/07 09:19
On 2007-09-10, Dave Kelly <daveekelly@earthlink.net> wrote:
> I read here: http://www.w3.org/TR/css3-background/
> and took this under 'background-size'
>
> Here are some examples. The first example stretches the background image
> independently in both directions to completely cover the content area:
>
> div {
> background-image: url(plasma.png);
> background-size: 100%;
> background-origin: content}
>
> to mean that the image would not tile and only show once taking up
> the whole container, both vertically and horizontally.
>
> Look here for my problem. http://www.texasflyfishers.org/newindex.htm
>
> Those columns will be different length at different times. Is there a
> better way to set the length to the conditions?
>
> Running the css code thru the W3C css validate and I get 4 errors:
> URI : http://texasflyfishers.org/newtff3col.css
> 69 #navigation Property background-size doesn't exist : 100%
> 70 #navigation Property background-origin doesn't exist : content
> 102 #rightcol Property background-size doesn't exist : 100%
> 103 #rightcol Property background-origin doesn't exist : content
The problem is that background-size is CSS 3 and the W3C css validator
is working against (probably) 2.1, as are most people's browsers.
There's no background-size in CSS 2.1 and no way to stretch background
images. You have to use an <img> if you want to stretch it.
Navigation:
[Reply to this message]
|