[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/
