CSS within table

[Jon Anunson]

Hi -
Ok, i know this isn't ideal, but i'm trying to get a quick job done and having a little trouble, so i've reverted to table layout hoping that would help... here's the problem:

to solve some frustrating inconistencies between IE6 and Firefox1 - i was doing a lot of absolute positioning here: http://www.idropinc.com/HowWorks.asp with expandable div holding content...some kludginess, but table free, generally.

Then i tried to solidify the layout using tables, but a span inside a TD doesn't recieve any CSS through class or id (?) w3c says it does, other sites say it does, but mine don't seam to...

here's the broken version... any advice? http://www.idropinc.com/trouble/HowWorks.asp

Thanks...

[Steve Pugh]

On 10 Dec 2004 09:13:53 -0500, Jon Anunson <ja******@design-plus.com>
wrote:

Ok, i know this isn't ideal, but i'm trying to get a quick job done and having
a little trouble, so i've reverted to table layout hoping that would help...
here's the problem:

to solve some frustrating inconistencies between IE6 and Firefox1 - i was
doing a lot of absolute positioning here: http://www.idropinc.com/HowWorks.asp
with expandable div holding content...some kludginess, but table free, generally.

Then i tried to solidify the layout using tables, but a span inside a TD doesn't
recieve any CSS through class or id (?) w3c says it does, other sites say it does,
but mine don't seam to...

here's the broken version... any advice? http://www.idropinc.com/trouble/HowWorks.asp

IDs must be unique within a page. You have multiple instances of
id="ol" for example.

As ever, checking to see if your code was valid would have been a good
first move:
<http://validator.w3.org/check?uri=http://www.idropinc.com/trouble/HowWorks.asp>
<http://jigsaw.w3.org/css-validator/validator?uri=http://www.idropinc.com/trouble/Styles/MrScreen.css&warning=1&profile=css2>

Steve

[Jon Anunson]

Hello Steve,
I'm aware of the of the id's and have run the validators, however changing this does not affect the rendering problems i'm having.
I've also validated my stylesheet, and except for flagging the IE-specific scrollbar tages, that too is kosher.
thanks,
~jon.

On 10 Dec 2004 09:13:53 -0500, Jon Anunson <ja******@design-plus.com>
wrote:

Ok, i know this isn't ideal, but i'm trying to get a quick job done
and having a little trouble, so i've reverted to table layout hoping
that would help... here's the problem:

to solve some frustrating inconistencies between IE6 and Firefox1 - i
was
doing a lot of absolute positioning here:
http://www.idropinc.com/HowWorks.asp
with expandable div holding content...some kludginess, but table
free, generally.
Then i tried to solidify the layout using tables, but a span inside a
TD doesn't recieve any CSS through class or id (?) w3c says it
does, other sites say it does, but mine don't seam to...

here's the broken version... any advice?
http://www.idropinc.com/trouble/HowWorks.asp

IDs must be unique within a page. You have multiple instances of
id="ol" for example.

As ever, checking to see if your code was valid would have been a good

first move:

<http://validator.w3.org/check?uri=ht...om/trouble/How
Works.asp>

<http://jigsaw.w3.org/css-validator/v...//www.idropinc.
com/trouble/Styles/MrScreen.css&warning=1&profile=css2>

Steve

[Steve Pugh]

On 10 Dec 2004 10:42:03 -0500, Jon Anunson <ja******@design-plus.com>
wrote:

I'm aware of the of the id's and have run the validators, however changing this does not affect the rendering problems i'm having.
Fix them anyway. Otherwise people here are going to be a lot less
inclided to help you. Same with the top posting.
I've also validated my stylesheet, and except for flagging the IE-specific scrollbar tages, that too is kosher.

Look more closely. One of those errors is reporting (in cruptic terms)
the missing ')' in scrollbar-3dlight-color: rgb(232,242,255;
Fix that and FF will start to co-operate.

And as a bonus here's another obvious thing wrong with your code: you
can't nest comments.

IE6 is also returning a JavaScript error.

And why <span class="Emphasis"> instead of <em>?

Steve

[Jon Anunson]

Hello Steve,

On 10 Dec 2004 10:42:03 -0500, Jon Anunson <ja******@design-plus.com>
wrote:

I'm aware of the of the id's and have run the validators, however
changing this does not affect the rendering problems i'm having.

Fix them anyway. Otherwise people here are going to be a lot less
inclided to help you. Same with the top posting.

I've also validated my stylesheet, and except for flagging the
IE-specific scrollbar tages, that too is kosher.

Look more closely. One of those errors is reporting (in cruptic terms)
the missing ')' in scrollbar-3dlight-color: rgb(232,242,255;
Fix that and FF will start to co-operate.
And as a bonus here's another obvious thing wrong with your code: you
can't nest comments.

IE6 is also returning a JavaScript error.

And why <span class="Emphasis"> instead of <em>?

Steve

thanks for your help. I was using the span instead of the em to see if css was working on elements, not classes, or ids.. debugging.
the nested comments were just a messy way to hide something temporarily. not a final solution.