Why does the color leak outside of the table? (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

xx75vulcan -> Why does the color leak outside of the table? (5/11/2006 15:27:31)

Can someone please take a look at the html code for this page, and tell
me why when you print from FireFox, the yellow color comes outside of
it's designated table, and fills the rest of the page?

viewing the document in Firefox does not show the color outside the
box.
viewing/printing in IE does not have this problem.


I know that firefox usually shows an html page "exactly" as it's
programmed. I just can't for the life of me, discover what's coded
wrong?


Link to page: http://www.rockwood.k12.mo.us/ReDesign.htm


Much Thanks!!





Kitka -> RE: Why does the color leak outside of the table? (5/11/2006 16:35:25)

I did a print preview in Firefox and all the coloured cell backgrounds disappeared, rather than leaking. I didn't actually print it, so I don't know if that would have followed through.

However, in your code I notice that the cell colour codes are missing the hash (#) in front. e.g. 

<td width=200 bgcolor="F3CF71">
<td width=200 bgcolor="1E477A">
<td width=200 bgcolor="932433">
<td width=200 bgcolor="D1DEF2">


Try changing all those to these: 

<td width="200" bgcolor="#F3CF71">
<td width="200" bgcolor="#1E477A">
<td width="200" bgcolor="#932433">
<td width="200" bgcolor="#D1DEF2">


Just maybe, it will assist with your print problem.



xx75vulcan -> RE: Why does the color leak outside of the table? (5/11/2006 17:26:26)

Howdy!

Thanks for a quick reply, Unfortunately, adding the Hash didn't fix the problem....


I do know why you didn't see any background color when you went to print-preview in Firefox....There's an option in Firefox to "print background color and images" your checkbox must not have been checked...

If anyone has any other ideas....I'd be eternally grateful!!

Chris




MartynB -> RE: Why does the color leak outside of the table? (5/12/2006 13:08:43)

It does the same in IE.

The common factor appears to be the image placed in the table because the background colour is underneath the images.

This suggests that the problem is not in the published version but in the way the background colour is handled in the vivinity of the image.

Try saving one of the images as a .gif and replace the existing image with the .gif setting the transparent colour as the colour in the corner. It may be that this transparency (not available with a jpg carries over into the print version where the background colour is dropped.



Kitka -> RE: Why does the color leak outside of the table? (5/12/2006 17:32:56)

quote:

If anyone has any other ideas


You have a large number of code errors, starting with a number of non-standard characters, like curly apostrophes and emdashes, which should be converted to straight apostrophes or hyphens and the » character, which needs to be represented by its HTML escape code:
& #187; (remove the space I had to add so it would show here).

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rockwood.k12.mo.us%2FReDesign.htm

Fixing all the code errors might fix your colour problem, if not come back and we'll look at it again.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.03125