Why is this color outside the table?

[xx75vulcan]

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!!

 

[Jim Carlock]

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?
<snip />
page: http://www.rockwood.k12.mo.us/ReDesign.htm

Internet Explorer doesn't fully support CSS 2.0, while Mozilla
provides such support so perhaps the recommended way to
handle this involves specifying a different stylesheet for print
and different styles for the screen. Kind of a pain, but it works
and it makes sense as well.

<style type="text/css">
@media print {
body { font-size:10pt; }
table { background-color:transparent;color:black; }
}
@media screen {
body { font-size:12pt; }
table { background-color:#ffff00;color:cyan; }
}
</style>

All in all, it appears to be a bug in the printing mechanics of
Mozilla. I'm seeing it occur when the second page inherits
something from the first page (in this case the background
color for the table).

There is more information about the different types of media
here:

http://www.w3.org/TR/REC-CSS2/media.html

Hope this helps.

Jim Carlock
Post replies to the group.

 

[p c]

Your page is a table with included rtables and nested tebles. Verify
your td and tr tags are corectly matched.

....PC