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]

Re: CSS within table

On 10 Dec 2004 09:13:53 -0500, Jon Anunson <janunson@desig n-plus.com>
wrote:
[color=blue]
>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[/color]


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.or g/check?uri=http://www.idropinc.co m/trouble/HowWorks.asp>
<http://jigsaw.w3.org/css-validator/validator?uri=h ttp://www.idropinc.co m/trouble/Styles/MrScreen.css&wa rning=1&profile =css2>

Steve

[Jon Anunson]

Re: CSS within table

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.
[color=blue]
> On 10 Dec 2004 09:13:53 -0500, Jon Anunson <janunson@desig n-plus.com>
> wrote:
>[color=green]
>> 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
>>[/color]
> 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&wa rning=1&profile =css2>
>
> Steve
>[/color]

[Steve Pugh]

Re: CSS within table

On 10 Dec 2004 10:42:03 -0500, Jon Anunson <janunson@desig n-plus.com>
wrote:
[color=blue]
>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.[/color]

Fix them anyway. Otherwise people here are going to be a lot less
inclided to help you. Same with the top posting.
[color=blue]
>I've also validated my stylesheet, and except for flagging the IE-specific scrollbar tages, that too is kosher.[/color]

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]

Re: CSS within table

Hello Steve,
[color=blue]
> On 10 Dec 2004 10:42:03 -0500, Jon Anunson <janunson@desig n-plus.com>
> wrote:
>[color=green]
>> 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.
>>[/color]
> Fix them anyway. Otherwise people here are going to be a lot less
> inclided to help you. Same with the top posting.
>[color=green]
>> I've also validated my stylesheet, and except for flagging the
>> IE-specific scrollbar tages, that too is kosher.
>>[/color]
> 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
>[/color]

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.