almost CSS compliant...

[Larry]

I have 2 pages on a site that will not validate as XHTML 2/CSS 2. They are
http://www.ccmeonline.org/email.html and
http://www.ccmeonline.org/pastpres.html. All the other pages validate
without problem. The validator seems to have an issue with me using the same
box multiple times on the same page.
This is what error it gives me, one for each instance of the box:

Line 71, column 9: ID "box" already defined (explain...).

<div id="box">1974-1975 Mansel Shinerls</div>
^
Line 70, column 9: ID "box" first defined here (explain...).

<div id="box">1972-1974 John Harmes</div>

Any ideas how to fix this to satisfy the validator?

On the president page it would not be a big issue to do the names as a list
instead, but on the email page I need some way to move boxes around when job
positions change.

Also, for some reason Opera 7.05 adds a bunch of space at the bottom of
http://www.ccmeonline.org/pastpres.html. Any idea why?

Also, how does the site look in other browsers? I have IE6, NN7.1 and Opera
6.06/7.1 on my machine.

[Chet]

Re: almost CSS compliant...


"Larry" <ldempsey_nospa m_@echoesineter nity.com> wrote in message
news:gbidnYVZ1u RWxaTd4p2dnA@gi ganews.com...
| I have 2 pages on a site that will not validate as XHTML 2/CSS
2. They are
| http://www.ccmeonline.org/email.html and
| http://www.ccmeonline.org/pastpres.html. All the other pages
validate
| without problem. The validator seems to have an issue with me
using the same
| box multiple times on the same page.
| This is what error it gives me, one for each instance of the
box:
|
| Line 71, column 9: ID "box" already defined (explain...).
|
| <div id="box">1974-1975 Mansel Shinerls</div>
| ^
| Line 70, column 9: ID "box" first defined here (explain...).
|
| <div id="box">1972-1974 John Harmes</div>
|
| Any ideas how to fix this to satisfy the validator?
|
| On the president page it would not be a big issue to do the
names as a list
| instead, but on the email page I need some way to move boxes
around when job
| positions change.
|
| Also, for some reason Opera 7.05 adds a bunch of space at the
bottom of
| http://www.ccmeonline.org/pastpres.html. Any idea why?
|
| Also, how does the site look in other browsers? I have IE6,
NN7.1 and Opera
| 6.06/7.1 on my machine.
|

My understanding is that "id" is to be used for a unique item, so
I'd say to change it to a class identifier.

When I looked at the pastpres.htm page in IE 6 and Opera 7.23 the
space at the bottom was nearly identical.

hth
--
Chet
ng2.chet@NOchar terSPAM.net (remove NO.....SPAM)

[Tom Pester]

Re: almost CSS compliant...

Chet is right on the ID's.

I use Opera 7.23 and I see the space.
Try to isolate the problem and i will be glad to take look at it.
The file is too complex to see it immidiatly.


"Chet" <ng2.chet@NOcha rterSPAM.net> wrote in message
news:103ingnkqq peh1d@corp.supe rnews.com...[color=blue]
>
> "Larry" <ldempsey_nospa m_@echoesineter nity.com> wrote in message
> news:gbidnYVZ1u RWxaTd4p2dnA@gi ganews.com...
> | I have 2 pages on a site that will not validate as XHTML 2/CSS
> 2. They are
> | http://www.ccmeonline.org/email.html and
> | http://www.ccmeonline.org/pastpres.html. All the other pages
> validate
> | without problem. The validator seems to have an issue with me
> using the same
> | box multiple times on the same page.
> | This is what error it gives me, one for each instance of the
> box:
> |
> | Line 71, column 9: ID "box" already defined (explain...).
> |
> | <div id="box">1974-1975 Mansel Shinerls</div>
> | ^
> | Line 70, column 9: ID "box" first defined here (explain...).
> |
> | <div id="box">1972-1974 John Harmes</div>
> |
> | Any ideas how to fix this to satisfy the validator?
> |
> | On the president page it would not be a big issue to do the
> names as a list
> | instead, but on the email page I need some way to move boxes
> around when job
> | positions change.
> |
> | Also, for some reason Opera 7.05 adds a bunch of space at the
> bottom of
> | http://www.ccmeonline.org/pastpres.html. Any idea why?
> |
> | Also, how does the site look in other browsers? I have IE6,
> NN7.1 and Opera
> | 6.06/7.1 on my machine.
> |
>
> My understanding is that "id" is to be used for a unique item, so
> I'd say to change it to a class identifier.
>
> When I looked at the pastpres.htm page in IE 6 and Opera 7.23 the
> space at the bottom was nearly identical.
>
> hth
> --
> Chet
> ng2.chet@NOchar terSPAM.net (remove NO.....SPAM)
>
>[/color]

[Beauregard T. Shagnasty]

Re: almost CSS compliant...

Quoth the raven named Larry:
[color=blue]
> I have 2 pages on a site that will not validate as XHTML 2/CSS 2. They are[/color]

Your doctype says XHTML 1.0 Transitional. If this is a new document,
why not go for Strict?
[color=blue]
> http://www.ccmeonline.org/email.html and
> http://www.ccmeonline.org/pastpres.html. All the other pages validate
> without problem. The validator seems to have an issue with me using the same
> box multiple times on the same page.[/color]

The issue is "id" can only be used once per page. Use "class" if you
want the style multiple times.
<snip errors>
[color=blue]
> On the president page it would not be a big issue to do the names as a list
> instead, but on the email page I need some way to move boxes around when job
> positions change.[/color]

The prespage is definitely a list. <ul><li>
[color=blue]
> Also, for some reason Opera 7.05 adds a bunch of space at the bottom of
> http://www.ccmeonline.org/pastpres.html. Any idea why?[/color]

Probably can't say until you fix all the errors. A guess might be the
seemingly unnecessary <br clear="all" /> down there. AFAIK, clear can
only be left, right, or both. Not "all".
[color=blue]
> Also, how does the site look in other browsers? I have IE6, NN7.1 and Opera
> 6.06/7.1 on my machine.[/color]

I'm not a designer, so I'll pass.

--
-bts
-This space intentionally left blank.

[Beauregard T. Shagnasty]

Re: almost CSS compliant...

Quoth the raven named Chet:
[color=blue]
> When I looked at the pastpres.htm page in IE 6 and Opera 7.23 the
> space at the bottom was nearly identical.[/color]

On my PC, in Win2K IE6, "2004-2005 Ed McKenney" and the bottom of the
div is quite close to the bottom of the page, just above the
copyright. Same in Firebird.

In Opera 7.23, there is a whole viewport's worth of empty white space
between last name and bottom of div.

--
-bts
-This space intentionally left blank.

[Larry]

Re: almost CSS compliant...

Thanks, I changed the id to class and the page now validates as strict. I
will change the president page to a list when I get the chance. I removed
the <br clear="all" /> but Opera 7.05 still has a large space at the bottom.


"Beauregard T. Shagnasty" <a.nony.mous@ex ample.invalid> wrote in message
news:vQe_b.8112 0$%72.55942@twi ster.nyroc.rr.c om...[color=blue]
> Quoth the raven named Larry:
>[color=green]
> > I have 2 pages on a site that will not validate as XHTML 2/CSS 2. They[/color][/color]
are[color=blue]
>
> Your doctype says XHTML 1.0 Transitional. If this is a new document,
> why not go for Strict?
>[color=green]
> > http://www.ccmeonline.org/email.html and
> > http://www.ccmeonline.org/pastpres.html. All the other pages validate
> > without problem. The validator seems to have an issue with me using the[/color][/color]
same[color=blue][color=green]
> > box multiple times on the same page.[/color]
>
> The issue is "id" can only be used once per page. Use "class" if you
> want the style multiple times.
> <snip errors>
>[color=green]
> > On the president page it would not be a big issue to do the names as a[/color][/color]
list[color=blue][color=green]
> > instead, but on the email page I need some way to move boxes around when[/color][/color]
job[color=blue][color=green]
> > positions change.[/color]
>
> The prespage is definitely a list. <ul><li>
>[color=green]
> > Also, for some reason Opera 7.05 adds a bunch of space at the bottom of
> > http://www.ccmeonline.org/pastpres.html. Any idea why?[/color]
>
> Probably can't say until you fix all the errors. A guess might be the
> seemingly unnecessary <br clear="all" /> down there. AFAIK, clear can
> only be left, right, or both. Not "all".
>[color=green]
> > Also, how does the site look in other browsers? I have IE6, NN7.1 and[/color][/color]
Opera[color=blue][color=green]
> > 6.06/7.1 on my machine.[/color]
>
> I'm not a designer, so I'll pass.
>
> --
> -bts
> -This space intentionally left blank.[/color]

[Stan Brown]

Re: almost CSS compliant...

It seems "Larry" wrote in
comp.infosystem s.www.authoring.stylesheets:[color=blue]
>Line 71, column 9: ID "box" already defined (explain...).
> <div id="box">1974-1975 Mansel Shinerls</div>
>Line 70, column 9: ID "box" first defined here (explain...).
> <div id="box">1972-1974 John Harmes</div>
>
>Any ideas how to fix this to satisfy the validator?[/color]

Yes -- don't use the same ID for two different elements.

This is not a stylesheet issue; is there a reason you posted it here
instead of an HTML group?

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA

http://OakRoadSystems.com/

HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

[Larry]

Re: almost CSS compliant...

What do mean it is not a stylesheet issue? If I erroneously use ID instead
of class then that is a style sheet issue.
Anyway, I fixed the problem.

"Stan Brown" <the_stan_brown @fastmail.fm> wrote in message
news:MPG.1aa45e 9e6447068998bed f@news.odyssey. net...[color=blue]
> It seems "Larry" wrote in
> comp.infosystem s.www.authoring.stylesheets:[color=green]
> >Line 71, column 9: ID "box" already defined (explain...).
> > <div id="box">1974-1975 Mansel Shinerls</div>
> >Line 70, column 9: ID "box" first defined here (explain...).
> > <div id="box">1972-1974 John Harmes</div>
> >
> >Any ideas how to fix this to satisfy the validator?[/color]
>
> Yes -- don't use the same ID for two different elements.
>
> This is not a stylesheet issue; is there a reason you posted it here
> instead of an HTML group?
>
> --
> Stan Brown, Oak Road Systems, Cortland County, New York, USA
> http://OakRoadSystems.com/
> HTML 4.01 spec: http://www.w3.org/TR/html401/
> validator: http://validator.w3.org/
> CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
> 2.1 changes: http://www.w3.org/TR/CSS21/changes.html
> validator: http://jigsaw.w3.org/css-validator/[/color]

[Stan Brown]

Re: almost CSS compliant...

It seems "Larry" wrote in
comp.infosystem s.www.authoring.stylesheets:[color=blue]
>What do mean it is not a stylesheet issue? If I erroneously use ID instead
>of class then that is a style sheet issue.[/color]

Neither id nor class is a CSS keyword: they are both HTML keywords.
In addition you had errors from your HTML validator, not your CSS
validator.
[color=blue]
>Anyway, I fixed the problem.[/color]

That's nice.

For the future, please don't post upside down.

makes it harder to follow discussions.
before the material you're commenting on, it
When you put your comments

http://oakroadsystems.com/genl/unice.htm#upside

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA

http://OakRoadSystems.com/

HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/