Sent by Khalid Sattar on 10 August 2004 19:07
Jim, perhaps IE6 is the problem, as my page still gets cut on the right.
When I say cut, I mean that entire words are missing, not that part of the
word is showing, and part is not, which is what is so weird. I did change
the margins as you recommended, and that helped, but I am still having the
same problem. Also, not every sentence will have words that are missing, it
seems somewhat random. IE6 USERS - Does anyone else get the same problem?
I checked the page on Mozilla Firefox (I don't need to support Firefox, but
I was just testing to see what happens), and there a small number of words
that actually get their last letter or two cut off.
Changing the position to Static seemed to fix the problem of the bottom
getting cut.
As far as the images, I added a slight margin, but since each image instance
seems to act differently - some overlap the text a lot, some a little, some
not at all - its still a bit of an issue. I think its easiest to remove
them, so I was wondering if there was an easy way to supress them through
CSS (without having to go through and apply a class to each one)?
thanks again for all the help.
khalid
----- Original Message -----
From: "Syntactic: Jim Wilkinson" [EMAIL-REMOVED]>
To: "Khalid Sattar" [EMAIL-REMOVED]>; "CSS-Discuss.org"
[EMAIL-REMOVED]>
Sent: Tuesday, August 10, 2004 4:37 PM
Subject: Re: [css-d] Help with Printer Friendly version
> Hello Khalid,
>
> Sorry for the delay - times zones etc. I don't know whether you changed
> anything in the meantime but it prints okay for me in my own preferred
> browser (Opera 7.54) and also in IE5.0 (I don't have IE6 to hand right
> now).
>
> In both cases, printing honours your setting of 5-in width and
> margin-right 10% for .mainbody. As I hope you read from the Wiki page,
> although you may be able to assume that the user has U.S. Letter
> stationery (for example) you don't know what their print margins are set
> to. Therefore, even with a conservative value of 5 inches, you run the
> risk that they get right-hand truncation.
>
> I'd suggest setting width: auto and margin-right: 0 in your print
> stylesheet. That will make things more fluid (always a good thing, in
> print as well as on screen) and will make printing faster for your
> audience.
>
> As for losing the last line at the bottom of the (printed) page, that's
> harder to explain. It's fine for me. Is your print bottom margin
> particularly small? Try increasing it. It may be that IE can't handle page
> breaks well with absolute-positioned divs (.printheader and .mainbody).
> Since you've suppressed the menu, in your print stylesheet you can set
> these two divs to position: static and remove the redundant .printheader
> styles:-
>
> .printheader {
> height: 93px;
> width: 503px;
> left: 0px;
> top: 0px;
> margin: 0;
> margin-left: 0px;
> }
>
> altogether. That should fix it - works for me.
>
> > Also, the little images I have in various places throughout the text are
> > overlapping the text, and I do not know why.
>
> Okay for me, even on IE5.0. It's probably a font-metrics issue: the
> browser has to calculate the appropriate width for each character *and*
> the appropriate width for your in-line image and then get the correct
> amount of white space between all of them. If IE plays up, then add some
> margins to your in-line images, something like:-
>
> img.inlineicon {
> margin: 0 2px;
> }
>
> Let us know how you fare.
>
> --
> Jim Wilkinson
> Cardiff, Wales UK
>
> Opera e-mail client: http://www.opera.com/m2/
>
>
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
