469,275 Members | 1,754 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,275 developers. It's quick & easy.

CSS in IE6 vs Mozilla

sjp
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

Nov 23 '05 #1
2 1489
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)
Nov 23 '05 #2
sjp
On Mon, 14 Nov 2005 21:39:06 -0700, Jim Moe wrote:
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.


Thanks for the excellent suggestions, Jim.

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

Nov 23 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by Jakub Fast | last post: by
2 posts views Thread by Peter | last post: by
10 posts views Thread by tony kulik | last post: by
10 posts views Thread by News | last post: by
20 posts views Thread by Thorsten Kampe | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by suresh191 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.