What I am trying to do is get the background image to have an automatic height. So if there is only 1 line of text the image will shrink to say 3px and if there is 100 lines the image will stretch to 300px.
I can get the picture to resize in html with tables as you can see at:
http://www.locborg.de/newfru/images/frames/frames.html
I had a go at the CSS:
CODE
div.module {
width: 180px;
height: auto;
font-size: 10px;
font-weight: normal;
background: url(http://www.locborg.de/newfru/images/frames/sides.gif) no-repeat;
margin-bottom: 2px;
}
div.module div {
background: url(http://www.locborg.de/newfru/images/frames/bottom.gif) bottom left no-repeat;
}
div.module div div {
background: url(http://www.locborg.de/newfru/images/framestop.gif) top left no-repeat;
padding: 5px 5px 5px 7px;
}
Its a menu box that needs to change size depending on what is in the menu. So therefore it needs to be dynamic. I can't go through and manually specify each pixel.
Any help would be great. Cheers
