Error de plantilla (IE vs Firefox)

[benekid]

Saludos, esta tarde mirando mi site desde IE me dado cuenta de un pequeño error grafico en un bloque que tengo.
Este error hace lo siguiente:



Como veis, se distorsiona todo el bloque, y la verdad mirando el codigo no tengo ni idea de donde puede estar el error!!! ¬¬"

Aqui dejo el code del bloque:

Código PHP:

  <tr>
 
          <td align="center" background="images/vq_20.jpg"><img src="msm.jpg" alt="" width="180" height="36"></td>
 
        </tr>
 
        <tr>
 
          <td align="center" width="180" background="images/vq_20.jpg">
 
          <table width="140" border="0" cellpadding="0" cellspacing="0">
 
              <tr>
 
                <td width="124" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
 
                    <tr>
 
                      <td height="2"></td>
 
                    </tr>
 
                  </table>
 
                    <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><img src="fx1.gif" alt="" /> <a href="javascript:popUp('contacto.php')" class="lightview" rel="ajax" >Contacto</a></font>
 
                    <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                      <tr>
 
                        <td height="2"></td>
 
                      </tr>
 
                    </table>
 
                  <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                      <tr>
 
                        <td height="1" bgcolor="#70aedb"></td>
 
                      </tr>
 
                  </table></td>
 
              </tr>
 
              <tr>
 
                <td align="left"><table width="124" border="0" cellspacing="0" cellpadding="0">
 
                    <tr>
 
                      <td height="2"></td>
 
                    </tr>
 
                  </table>
 
                    <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><img src="fx1.gif" alt="" /> <a href="javascript:popUp('legalidad.php')" class="lightview" rel="ajax">Legalidad</a> </font>
 
                    <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                      <tr>
 
                        <td height="2"></td>
 
                      </tr>
 
                    </table>
 
                  <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                      <tr>
 
                        <td height="1" bgcolor="#70aedb"></td>
 
                      </tr>
 
                  </table></td>
 
              </tr>
 
          </table>
 
              <table width="140" border="0" cellpadding="0" cellspacing="0">
 
                <tr>
 
                  <td width="124" align="left"><table width="124" border="0" cellspacing="0" cellpadding="0">
 
                      <tr>
 
                        <td height="2"></td>
 
                      </tr>
 
                    </table>
 
                      <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><img src="fx1.gif" alt="s" /> <a href="javascript:popUp('afiliacion.php')" class="lightview" rel="ajax">Afiliacion</a> </font>
 
                      <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                        <tr>
 
                          <td height="2"></td>
 
                        </tr>
 
                      </table>
 
                    <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                        <tr>
 
                          <td height="1" bgcolor="#70aedb"></td>
 
                        </tr>
 
                    </table></td>
 
                </tr>
 
                <tr>
 
                  <td align="left"><table width="124" border="0" cellspacing="0" cellpadding="0">
 
                      <tr>
 
                        <td height="2"></td>
 
                      </tr>
 
                    </table>
 
                      <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><img src="fx1.gif" alt="a" /> <a href="http://www.redlimite.com" rel="ajax">Foros</a> </font>
 
                      <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                        <tr>
 
                          <td height="2"></td>
 
                        </tr>
 
                      </table>
 
                    <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                        <tr>
 
                          <td height="1" bgcolor="#70aedb"></td>
 
                        </tr>
 
                    </table></td>
 
                </tr>
 
              </table>
 
              <table width="140" border="0" cellpadding="0" cellspacing="0">
 
                <tr>
 
                  <td width="124" align="left"><table width="124" border="0" cellspacing="0" cellpadding="0">
 
                      <tr>
 
                        <td height="2"></td>
 
                      </tr>
 
                    </table>
 
                      <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><img src="fx1.gif" alt="s" /> <a href="javascript:popUp('contacto.php')" class="lightview" rel="ajax">Publicidad</a></font>
 
                      <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                        <tr>
 
                          <td height="2"></td>
 
                        </tr>
 
                      </table>
 
                    <table width="124" border="0" cellspacing="0" cellpadding="0">
 
                        <tr>
 
                          <td height="1" bgcolor="#70aedb"></td>
 
                        </tr>
 
                    </table></td>
 
                </tr>
 
              </table>
 
 </tr>
 
<td width="180" align="center" background="images/vq_20.jpg"><br>
<img src="finseccion.jpg" alt="fin_seccion"></td> 
   

Saludos y muchas gracias

[_Ju]

El problema esta con los CSS, como cada navegador tiene sus propias "reglas", debes de tapar los errores que pudiera existir en cada uno; estoy seguro que si ves tu sitio en IE6 se va a ver mucho peor.

Lo que tienes que hacer es crear hacks o filtros para el IE, por ejemplo:

div{
// esto pondra el borde punteado solo en firefox, safari, opera, chrome, en IE no funciona
border: 1px dotted red;
// con esto indicas que en IE se coloque punteado y evitar que aparezca solido
#border: 1px dashed red;
}

Asi que debes de agregarle estilos a tu CSS para que se vea bonito en todos lados. =D

[Jask]

Iniciado por _Ju

El problema esta con los CSS, como cada navegador tiene sus propias "reglas", debes de tapar los errores que pudiera existir en cada uno; estoy seguro que si ves tu sitio en IE6 se va a ver mucho peor.

Lo que tienes que hacer es crear hacks o filtros para el IE, por ejemplo:

div{
// esto pondra el borde punteado solo en firefox, safari, opera, chrome, en IE no funciona
border: 1px dotted red;
// con esto indicas que en IE se coloque punteado y evitar que aparezca solido
#border: 1px dashed red;
}

Asi que debes de agregarle estilos a tu CSS para que se vea bonito en todos lados. =D

Perdoná que desvirtúe un poco el tema pero al poner # delante quiere decir que va dirigido a IE ???

Gracias !!

[benekid]

Pero haber... porque en toda la pagina no hay ningun error y ahi si?
¬¬"
Si fuera eso TODO esta codificado de la misma manera, es decir,,,, copiar y pegar para cada bloque...
¿porque slo de desconfigura ahi?

NO tiene pinsa de ser los CSS

saludos y gracias

[_Ju]

Jask asi es; al poner "#" antes de la propiedad CSS te permite hacer referencia solo a IE, y si colocas "_" hace referencia a IE6

div{
// esto pondra el borde punteado solo en firefox, safari, opera, chrome, en IE no funciona
border: 1px dotted red;
// con esto indicas que en IE se coloque punteado y evitar que aparezca solido
#border: 1px dashed red;
// con esto indicas que en IE6 se coloque solido y de color azul
_border: 1px solido blue;
}

benekid los CSS son los que determinan tamaños, posiciones, colores, etc. de tu sitio web; no tiene por que verse totalmente diferente en cada navegador, puede variar solo en algunas cosas. Hace unos dias realize un sitio en el cual solo variaba la posicion de la cabecera y el pie de pagina.

Saludos =D