Problema con DIV e CSS

[alespa]

Chiedo scusa ma non riesco a visualizzare i dati come vorrei.
In pratica dopo la Sezione con TitoloTabella vorrei mettere la parte di elenco, ma questa non è allineata.
Mi aspetterei così come succede per il TitoloTabella che l'elenco partisse a 15px
e non attaccato a sinistra.

Chi può spiegarmi il mistero?

Allego codice


Ho questo codice

<div id=main>
<div id=TitoloTabella class=30_15></div>
<div id=TitoloTabella class=185_0>Coppa Italia</div>
<div id=TitoloTabella class=185_0>SuperCoppa</div>
<div id=TitoloTabella class=185_0>Champion's Cup</div>

<div id=ElencoTabella><div id=RowPari class=30_15>IV</div></div>
<div id=ElencoTabella><div id=RowPari class=185_0>Frengo e Stop (Francesco Cioffi)</div></div>
<div id=ElencoTabella><div id=RowPari class=185_0>brescia01 (macc)</div></div>
<div id=ElencoTabella><div id=RowPari class=185_0>Fantamora (Asterix72)</div></div>

</div>


il CSS
#TitoloTabella
{
float:left;
BACKGROUND-COLOR: LightCyan;
border: 1px solid #00009f;
COLOR: #00009f;
FONT-FAMILY: Verdana, 'Times New Roman';
FONT-WEIGHT: bold; FONT-SIZE: 8pt
}
#ElencoTabella
{
float:left;
COLOR: #f00000;
FONT-FAMILY: Verdana, 'Times New Roman';
FONT-SIZE: 8pt
}
#RowPari {BACKGROUND-COLOR: #dddddd; }
#RowDispari {BACKGROUND-COLOR: #cccccc; }
.30_15 {width: 30px; margin-left: 15px;}
.185_0 {width: 185px;}

#main
{
float:left;
padding: 2px;
text-align:center;
font-family: Verdana, sans-serif;
background: #ffffff; color: #00009f;
width: 620px;
FONT-SIZE: 8pt
}

[Mich_]

E se cominciassi a scrivere HTML e CSS corretto?

- i valori degli attributi vanno SEMPRE racchiusi tra virgolette (o apici):
id="TitoloTabella"

- non ci possno essere id uguali in una stessa pagina

- i nomi degli id o delle classi devono inizare per lettera (non possono iniziare per numeri)

Invece per i tuoi scopi puoi attribuire due classi allo stesso id. Credo che la sintassi sia questa, ma non lo ho mai usato e non ricordo:
class="TitoloTabella c185_0"

---

Ma non capisco perche` per i dati tabellari non usi una tabella. Come e` sbagliato usare una tabella per la formattazione della pagina, cosi` e` un errore non usare una tabella perr dati tabellari.

[alespa]

Originariamente inviato da Mich_
E se cominciassi a scrivere HTML e CSS corretto?

- i valori degli attributi vanno SEMPRE racchiusi tra virgolette (o apici):
id="TitoloTabella"

- non ci possno essere id uguali in una stessa pagina

- i nomi degli id o delle classi devono inizare per lettera (non possono iniziare per numeri)

Invece per i tuoi scopi puoi attribuire due classi allo stesso id. Credo che la sintassi sia questa, ma non lo ho mai usato e non ricordo:
class="TitoloTabella c185_0"

---

Ma non capisco perche` per i dati tabellari non usi una tabella. Come e` sbagliato usare una tabella per la formattazione della pagina, cosi` e` un errore non usare una tabella perr dati tabellari.

Ti ringrazio per le dritte.
Sto facendo solo delle prove di modifica a delle pagine.
Sapevo che stavo imbroccando la strada sbagliata, ma mi interessava conoscere l'esito di tutto questo.
Quali controindicazioni esistono a mettere più id dello stesso tipo
in un documento HTML?

[Mich_]

document.getElementById('ID_OGGETTO')
a quale oggetto si riferisce questa istruzione, se piu` oggetti hanno lo stesso nome?

Comunque in tutte le specifiche e` scritto che id deve essere unico (il browser puo` usare tale nome per le sue elaborazioni interne).