Don Hinshaw wrote:
> http://72.29.65.35/~somedom/css/slpl/cluster_template_text_right.html
>  I cannot make the text wrap around the image, nor can I control the 
> space between the text and the image. I think I must be missing 
> something in the main stylesheet that I need to override in the print
>  styles to affect these two areas.

Basically: 'overflow anything but visible' and 'width/height anything
*but* auto' will work against any attempt to wrap the text around the image.
You have both the 'new block formatting context'[1] in standard
compliant browsers and the 'hasLayout'[2] bug/feature in IE/win to
overcome. No real problems :-)

Use the following print-styles:

#main {
        float:right;
        width:5in;
        height: auto;
        padding: 0;
margin: 0 0 10px 10px /* use suitable values */;
}

#sidebar {
        background:none;
        color:#000;
        width: auto;
        overflow: visible;
        margin: 0;
        height: auto;
        padding: 0;
}
...and text will wrap around 'the image with "caption"'.

Tested in Opera, Firefox & IE6. Correct wrapping, I think.

(IE6 still has a slight width-issue with my default print-settings. May
need individual trimming for IE/win.)

regards
        Georg

[1]http://www.w3.org/TR/CSS21/visuren.html#q15
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to