Stylesheets - CSS in IE6 vs Mozilla

Author

CSS in IE6 vs Mozilla

sjp

2005-11-14, 7:10 pm

Hi folks,

I've been working on a little script to display a scoreboard and then
positioning it using CSS. Works fine in Mozilla. Not-so-much in IE6.
I've been hack-hack-hacking away at it, but am stumped.

Can anyone point out where I might be going wrong? I'd like to launch the
site this week, and need to figure this out before I do.

www.sportsjournals.net

Thanks,

sjp

Jim Moe

2005-11-15, 3:40 am

sjp wrote:
>
> I've been working on a little script to display a scoreboard and then
> positioning it using CSS. Works fine in Mozilla. Not-so-much in IE6.
> I've been hack-hack-hacking away at it, but am stumped.
>
> Can anyone point out where I might be going wrong? I'd like to launch the
> site this week, and need to figure this out before I do.
>
Erm. What's the problem? They look positioned the same.

There is a difference in colors for the scoreboard at the top between
the two browsers. IE did make the "score" table's background black; it
used "scoreboard"'s instead. Maybe if you set the <td>'s background to
black it would work the same.
Or you can cascade "score" within "scoreboard":
table.scoreboard { ... }
table.scoreboard table { ... }
table.scoreboard table td { color: white; background: black; }
Now the class="score" attribute is not even needed.

In other news:
- The image behind "ESPN NFL Headlines" is unnecessary. And when the text
wraps (because I made the text large enough to read), it overlays the text
beneath it. It's a solid color; style the <h2> (#sidebar h2 { ... }) to
have that color of background.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

sjp

2005-11-15, 7:21 pm

On Mon, 14 Nov 2005 21:39:06 -0700, Jim Moe wrote:

> sjp wrote:
> Erm. What's the problem? They look positioned the same.
>
> There is a difference in colors for the scoreboard at the top between
> the two browsers. IE did make the "score" table's background black; it
> used "scoreboard"'s instead. Maybe if you set the <td>'s background to
> black it would work the same.
> Or you can cascade "score" within "scoreboard":
> table.scoreboard { ... }
> table.scoreboard table { ... }
> table.scoreboard table td { color: white; background: black; }
> Now the class="score" attribute is not even needed.
>
> In other news:
> - The image behind "ESPN NFL Headlines" is unnecessary. And when the text
> wraps (because I made the text large enough to read), it overlays the text
> beneath it. It's a solid color; style the <h2> (#sidebar h2 { ... }) to
> have that color of background.

Thanks for the excellent suggestions, Jim.

--
SportsJournals.net - free community blogging for Sports Junkies