Mon, 2003-04-21 08:26
one last prob with one of my pages (with netscape 7 of course 
) : http://bbal.chokebore.net/css/audio.html
the image is floating to the right, but it is gliding over the bottom border of the div it is contained in, because there is not enough text to fill said div...
i tried setting the image margin to 20px, but it didn't work.
i also tried <br clear="all"> but this had a very strange effect : the image 'stepped back inside its div' (pardon my french 
), but the space between the middle and bottom div disappeared ! 
anything else i could try ?
Mon, 2003-04-21 08:38
#1
floating image escaping its own div !
Hi Florent,
I'm not really sure of what you are trying to achieve.
But here is a suggestion to try.
Set the h1 display style to inline, if that doesn't work try floating it left.
You could also try having another div inside the content excluding the image that floats left.
Mon, 2003-04-21 16:04
#2
floating image escaping its own div !
this is what i want :
and this is what netscape does :
see how the image steps over the bottom border ? i don't want this to happen...
Mon, 2003-04-21 18:51
#3
floating image escaping its own div !
Thanks for the clarification 
Set the height of the content container to 100px, the height of the image.
.content {padding:20px; text-align:justify; border:1px solid #000000; margin-bottom:10px; height:100px;}
Tue, 2003-04-22 06:47
#4
floating image escaping its own div !
The other way to do it (if you don't know how big each picture is going to be) is to put the following empty DIV at the bottom of the content DIV:
<div style="clear: both;"></div>
This will force the div below the floating image, so the padding will be below the DIV, and the border hopefully well clear.
Tue, 2003-04-22 16:12
#5
floating image escaping its own div !
perfect ! thanks very much ! 