Firas D. wrote:[color=blue]
> On the page:
>
>
http://firasd.org/temp/faq.html
>
> How would I make the picture contain itself in the first grey <div>?
> Basically, nudge it up[/color]
float the image before the text; the image div moves right...
[color=blue]
> and make the "This FAQ is compiled voluntarily ..." text wrap to its
> left?[/color]
....& the following text flows into the gap.
However this won't make the div contain the image if the image remains
taller than the flowed text. See
http://www.complexspiral.com/publica...aining-floats/
To overcome this problem, you need an object following the text which is
forced to clear the preceeding floated image & will remain in the div
boundary (or you can make the parent div itself floated, as floats do
expand to contain floats).
I thought the following should work, but it doesn't. Leastways, it seems
to in Mozilla, but in IE6 the paragraph texts vanish. Probably me being
stupid. Hopefully you'll get a more helpful answer shortly.
<div class="note">
<div style="float: right"><img src="maestropic.png" alt=""></div>
<p>[snip text]</p>
<p>[snip text]</p>
<hr style="display: block; clear: right; visibility: hidden; margin:
-0.2em 0;" />
</div>
--
Michael
m r o z a t u k g a t e w a y d o t n e t
Trouble with float 
