'ID already defined' Problems

[assassingod]

Does anyone know why I cant use something like:

<div id="headerfont">Hello blah</div>
Here is some filler text
<div id="headerfont">hello again!</div>
moore

In XHTML? I get this error when validating:

ID "headerfont" already defined

This is very annoying because I need to use that id twice (and more times)

Anyway round it?

[Dean C]

Have you checked in your CSS file that it hasn't been defined twice?

[assassingod]

Yes. My CSS is completely valid.

[Andreas]

IDs must be uniqe ... see W3C XHTML Documentation

The values of these attributes must be unique within the document,

If you use one ID more then once within a document you will run into problems when using JavaScript/DOM.

[assassingod]

So what's a way round it? I need to use the ID twice.

[Andreas]

You can't

Why do you need this ID twice? For CSS?

[assassingod]

Well I want to use the ID which is used by CSS for font title - and since there are many of them I want to use it more than once (unless im missing something?)

[Andreas]

Originally Posted by assassingod

Well I want to use the ID which is used by CSS for font title

I don't understand that ...
Can you post an example of the CSS you want to apply/use?

[Chroder]

Originally Posted by KirbyDE

I don't understand that ...
Can you post an example of the CSS you want to apply/use?

When you define CSS with a "#", you use it on an HTML tag with the ID attribute

#headerfont { color: red; }

<span id="headerfont">esfdsfds</span>

[Andreas]

@Chroder
I do know how to apply CSS to IDs - thanks
But I don't know what assassingod want's to achieve ...

#id CSS is for central formatting a single element (you could also just do that using style="..").

If he want's CSS for many element's he would use a class.
So I don't get why he needs multiple elements with the same ID, as this doesn't make sense to me?