Resizing within css

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

Threaded View

I have a bit of css which looks like this...

#container {
    position: relative;
    width: 680px;
    margin: auto;
    padding: 0;
    color: #000;
    background: #eee
url("") no-repeat scroll -30%
    border: #443b2c 1px solid;
    text-align: left;
    height: auto;

Having played around with the stylesheet so that my 100 x 100px backdrop
is automagically resized to fill everything under the banner, I find that
I can't. I can fiddle with the positioning by altering the -30% 30% (0 20%
was fine IIRC), but I am unable to scale the image correctly.

Can it be done so that irrespective the size of the screen, the backdrop
is scaled correctly?

I have tried url(""
width="680" height="495") and removing the % figures, and yep, it
completely failed to work!

Any help would be appreciated. For the full effect...



Re: Resizing within css

Quoted text here. Click to load it
scroll -30% 30%;
Quoted text here. Click to load it

Ooer, I hope this is just testing CSS, you know, just stuff you are fiddling
around with.

Quoted text here. Click to load it

Background images cannot be scaled or changed in size in any way.

Quoted text here. Click to load it



Hmmm. Hideously small text and when I make it larger the design falls
totally apart.


Re: Resizing within css

rf wrote:

Quoted text here. Click to load it

... until browsers implement more of CSS Level 3.

Toby A Inkster BSc (Hons) ARCS
Contact Me -

Site Timeline