Formattazione testo in iE7

[scudobravo]

Salve a tutti/e,

ho questa stringa: Ancona : Recapiti del <span class="active"><h1>Teatro delle Muse</h1></span>.

Nel mio css ho usato display: inline; per la classe active h1 e di fatto me lo visualizza sulla stessa riga. Non é così però su iE7, dove mi manda a capo il testo contenuto nella classe active h1.

Perché?

[Mich_]

<h1> e` un tag di tipo blocco, e non puo` stare dentro uno <span>.
Neppure se lo rendi inline, dato che questo viene fatto dopo, dal CSS.

Poi dipende dai browser come interpretano gli errori.

[scudobravo]

Per risolvere basterebbe utilizzare l'h1 al di fuori della classe? Es: Ancona : Recapiti del <h1><span class="active">Teatro delle Muse</span></h1>. Oppure no?

[Mich_]

Dipende dallo scopo per cui e` stato inserito lo <span>.
Potrebbe anche non essere necessario (e probabilmente e` cosi`).

Comunque non mi pare che il tag <h1> sia corretto dal punto di vista semantico in quel caso.

Prova a pensare cosa capisce una persona o un automa che visualizzassero solo i titoli (magari per poter indicizzare la pagina in modo semantico): Il titolo "teatro delle muse" ha senso in quel contesto? Non e` che sia fuorviante se invece del teatro trova una lista di recapiti?

[scudobravo]

Ottime osservazioni, grazie mille per i suggerimenti!