How can I make this graphic stretch?

@mattasticFeb 28.2008

Can anyone please tell me how I can display this graphic?

So it can stretch at any width.

Thanks

~~[upl-file uuid=338c1509-60fb-4c29-a080-ed538949984d size=208B]~~jobapp_footer.gif[/upl-file]

to post a comment

@mattasticauthorFeb 28.2008 — #I've got a sample page setup here:

http://www.halesowen.ac.uk/test.cfm

If browse to it using IE 6, you can see there seems to be extra padding? Can anyone tell me how I can prevent this?

Thanks

@CentauriFeb 28.2008 — #Actually, the left div is not needed as the left graphic can be on the .formfooter div. The spacing is due to IE not allowing an element to be smaller than the current text size can fit into, even when there is no text - fix here is to set a small text size :[CODE]<div class="formfooter"><div class="formfooter_right"></div></div>[/CODE]

[CODE].formfooter {
 background-color:#660099;
 width:100%;
 height:7px;
 background-image: url(http://www.halesowen.ac.uk/images/formfooter_left.gif);
 background-repeat: no-repeat; 
 font-size: 1px;
 }
 
 .formfooter_right{
 background-image: url(http://www.halesowen.ac.uk/images/formfooter_right.gif);
 background-repeat: no-repeat;
 background-position: right center;
 width:80%;
 height:7px;
 float:right;
 padding:0;
 margin:0;
 }[/CODE]

@turborakettiFeb 28.2008 — #Just a note on Centauri's excellent post: overflow:hidden should work too (instead of the font-size specification). May even be better since it is not inherited, which font-size is.

@mattasticauthorFeb 28.2008 — #Thankyou so much!

How can I make this graphic stretch?

4 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

How can I make this graphic stretch?

4 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #CSS _↴