edski wrote:
a) Please read this before you reply again:
http://www.safalra.com/special/googlegroupsreply/
Thanks and sorry.
So, take out the entire height:1%; from the above code, and add this
bit to your styles:
/* hide from MacIE \*/
* html #content .boxbody{
height:10.375em;
}
/* end hide from MacIE */
Did this, but no difference in IE6 Win
Ah, I see what you mean now - I thought you meant the image sticking
out the bottom of the box when the window is wide enough to make the
text shorter than the image. The above measure solves that.
Now I realize you are still struggling with lack of wrapping.
That's caused by the height on .boxbody, because the image is outside
..boxbody. So we need to set that height on some element outside both
..boxbody /and/ the image. Like .sidebox or .dialogue.
I tested with .sidebox, works perfectly, as long as you also leave out
the scroll:auto; on .sidebox.
So, .sidebox styles become:
#content .sidebox {
margin: 0;
width: auto;
background: url(images/body-r.gif) no-repeat bottom right;
font-size: 100%;
clear: none;
min-height: 10.375em;
}
/* hide from MacIE \*/
* html #content .sidebox{
/* height:10.375em;
}
/* end hide from MacIE */
And that bit with height for .bodybox should go.
The result of all that is of course, that the bottom left corner
image, which is linked to .bodybox, doesn't stay in the right place
when that element gets shorter.
So now, give the background styles of .bodybox to .sidebar, and the
background styles of .sidebar to .dialogue, and you're done.
(Tested ;-) )
--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -