[css-d] totally befuddled by print stylesheet
Hi List, I am having two main problems with a print stylesheet. The page is here: http://72.29.65.35/~somedom/css/slpl/cluster_template_text_right.html id: slpl; pass: Arch 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. The CSS files are here: steedman_styles_cluster.css steedman_styles_cluster_ie.css steedman_styles_cluster_print.css I would be very grateful if somebody could take a look and offer insight. Please hold your comments on the design or usability, as I have no say in that with this page. Thank you very much! Don Hinshaw __ 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/
Re: [css-d] totally befuddled by print stylesheet
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/
Re: [css-d] totally befuddled by print stylesheet
Gunlaug Sørtun wrote: > 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"'. > Georg, That did it. Thanks a million! I'm off to read your footnotes. Just when you think you know something... cheers, Don __ 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/