Foros del Web » Creando para Internet » HTML »

Error de plantilla (IE vs Firefox)

Estas en el tema de Error de plantilla (IE vs Firefox) en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/01/2010, 19:58
 
Fecha de Ingreso: septiembre-2007
Mensajes: 99
Antigüedad: 16 años, 6 meses
Puntos: 0
Desacuerdo Error de plantilla (IE vs Firefox)

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
__________________
---> Webnox.es
  #2 (permalink)  
Antiguo 27/01/2010, 23:11
Avatar de _Ju
_Ju
 
Fecha de Ingreso: noviembre-2008
Ubicación: Colima, MX
Mensajes: 192
Antigüedad: 15 años, 4 meses
Puntos: 6
Respuesta: Error de plantilla (IE vs Firefox)

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
__________________
www.grupogalco.net

Twitter: @jugalvez
  #3 (permalink)  
Antiguo 28/01/2010, 05:27
Avatar de Jask  
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 773
Antigüedad: 17 años, 11 meses
Puntos: 15
Respuesta: Error de plantilla (IE vs Firefox)

Cita:
Iniciado por _Ju Ver Mensaje
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 !!
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?
  #4 (permalink)  
Antiguo 28/01/2010, 08:30
 
Fecha de Ingreso: septiembre-2007
Mensajes: 99
Antigüedad: 16 años, 6 meses
Puntos: 0
Respuesta: Error de plantilla (IE vs Firefox)

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
__________________
---> Webnox.es
  #5 (permalink)  
Antiguo 28/01/2010, 10:42
Avatar de _Ju
_Ju
 
Fecha de Ingreso: noviembre-2008
Ubicación: Colima, MX
Mensajes: 192
Antigüedad: 15 años, 4 meses
Puntos: 6
Respuesta: Error de plantilla (IE vs Firefox)

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
__________________
www.grupogalco.net

Twitter: @jugalvez

Etiquetas: firefox, plantillas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:43.