Problema atributos texto CSS [IE]

[Souf]

Hola, lo primero de todo, decir que a las personas que no tienen mucha idea de programación web, estos foros les sirven de mucho, así que gracias por los aportes e indicaciones (manuales), que hay aquí.
Tengo un problema con el formato de unos textos, el css es un css válido según el w3c, pero la página solamenta la veo como quiero en Firefox, mozilla, opera, ..., pero no en internet explorer.
El problema es que tengo un texto, el cual le doy un tipo de formato, y el único navegador que no me lo coge bien es el internet explorer.
Estoy haciendo el proyecto final de carrera, que es una aplicación web para administrar un periódico digital.
Tengo que dar formato distinto al texto que es un título, del que es un subtítulo, del que es el cuerpo de la noticia, ...
En todos los navegadores menos en iexplorer me lo muestra bien, pero en iexplorer se ve como texto normal, no lo formatea.
CSS

Código:

/*CSS sobre las noticias*/
#noticias {
  font-family:Arial,Helvetica;
  width:100%;
  color: #000000;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: justify;
}

#noticias td{ 
  width: 100%;
}

#noticias titulo{ 
  color: #003366;
  font-weight:bold;
  font-size: 1.3em;
  line-height: 1em;
  text-align: left;
}

#noticias titulo a{ 
  text-decoration: none;
  color: #003366;
}

#noticias subtitulo{ 
  color: #999999;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
  text-align: left;
 }

HTML:

Código:

<table id="noticias" align="left" valign="top" cellspacing="10" cellpadding="10"> 
		  <tr>
		    <td>
		      <titulo>
			<a href="#">Título de la noticia</a>
		      </titulo>
		      <br>
		      <subtitulo>
			Título de la noticia
		      </subtitulo>
		      <br>
		      Cuerpo de la noticia
		    </td>
		  </tr>
</table>

No sé que puede ser, he leído y creo que lo tengo bién, el profesor del proyecto se lava las manos, y si me da un css válido, es "cosa" de iexplorer...

Si alguien sabe algo, se lo agradecería.

Muchas Gracias

[Mikmoro]

¿Y no podrías hacerlo así, que es más semántico y te lo van a interpretar igual todos los navegadores?

CSS:

<style type="text/css">
/*CSS sobre las noticias*/
* {margin:0; padding:0;}
#noticias {
font-family:Arial,Helvetica;
width:100%;
color: #000000;
font-size: 0.9em;
line-height: 1.2em;
text-align: justify;
}
#noticias td{
width: 100%;
}
#noticias h2{
color: #003366;
font-weight:bold;
font-size: 1.3em;
line-height: 1em;
text-align: left;
}
#noticias h2 a{
text-decoration: none;
color: #003366;
}

#noticias h3{
color: #999999;
font-weight: bold;
font-size: 1em;
line-height: 1em;
text-align: left;
}
</style>

HTML:

<table id="noticias" align="left" valign="top" cellspacing="10" cellpadding="10">
<tr>
<td>
<h2>
<a href="#">Título de la noticia</a>
</h2>
<br>
<h3>
Título de la noticia
</h3>
<br>
Cuerpo de la noticia
</td>
</tr>
</table>

No lo sé, pero imagino que explorer no consigue interpretar las etiquetas que no son html, como <titulo> y <subtitulo>.

Mikel

[Souf]

Iniciado por Mikmoro

¿Y no podrías hacerlo así, que es más semántico y te lo van a interpretar igual todos los navegadores?

CSS:


HTML:


No lo sé, pero imagino que explorer no consigue interpretar las etiquetas que no son html, como <titulo> y <subtitulo>.

Mikel

Ok, lo miraré, gracias por la respuesta, mañana pongo que tal fue, que tengo que irme a currar ya, gracias

[Souf]

Gracias, sí que funciona así, pero el problema que tienen los h2, h3, ... Es que inserta saltos de lineas antes y después, por lo que ahora se me ve bien, pero separados unos textos de otros, por lo que he solucionado un problema, pero he creado otro, ahora no tengo los textos pegados, sino separados...
:S

EDITO: YA LO HE CONSEGUIDO!!!

HTLM

<div id="noticias-general">
<table align="left" valign="top" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<div id="noticias">
<table align="left" valign="top" cellspacing="10" cellpadding="10">
<tr>
<td>
<div id="titulo">
<a href="#">Titulo</a>
</div>
<div id="subtitulo">
Subtitulo
</div>
Cuerpo
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>

CSS

#noticias-general {
width: 100%;
}

#noticias-general td{
width: 33%;
}

/*CSS sobre las noticias*/
#noticias {
font-family:Arial,Helvetica;
width:100%;
color:blue;
/* color: #000000;*/
font-size: 0.9em;
line-height: 1.2em;
text-align: justify;
}

#noticias td{
width: 100%;
}

#noticias titulo{
color: #003366;
font-weight:bold;
font-size: 1.3em;
line-height: 1em;
text-align: left;
}

#noticias titulo a{
text-decoration: none;
color: #003366;
}

#noticias subtitulo{
color: #999999;
font-weight: bold;
font-size: 1em;
line-height: 1em;
text-align: left;
}

[Mikmoro]

Solamente añade display: inline; en las clases correspondientes a los h2 y h3.

Mikel.