a los gurus en HTML

24/10/2006 - 18:49 por Manuel Vera | Informe spam
Hola

Tengo un problema con una pagina. En IE se muestra bien pero en FFox falla,
se muestra incompleta.

La estructura es algo como esto:

DIV
H1..H1
DIV
SPAN IMG
P
/DIV
[inicio error]
DIV
FORM
TABLE
/TABLE
/FORM
/DIV
[fin error]
/DIV

En FFox lo que esta dentro de [inicio error] y de [fin error] no aparece.
Lo raro es que si coloco antes de [inicio error] una linea como esta:

<P>variable: valor<P>variable2: valor2

entonces lo si aparece.

OJO, el texto HTML ha sido enviado al browser cliente, solo que no es
visible una vez cargada la pagina.
Las etiquetas estan bien formadas, cada una tiene su correspondiente TAG de
cierre.

¿Alguna idea?
Gracias
MV

Preguntas similare

Leer las respuestas

#1 Miguel Gonzalez
24/10/2006 - 20:44 | Informe spam
Hola Manuel.

En el código fuente, ¿se ve el código que "te falta"?

¿Usas CSS? es posible que haya una regla que "oculte" el formulario, tipo:

div div {display:none;}


Saludos!
Miguel

Nota: el tag <form> constituye en sí mismo una sección (bloque). Encerrarlo en un <div> no sería
necesario.

PD: ¿Gurús? no seas guasón! :-)



Manuel Vera escribió:
Hola

Tengo un problema con una pagina. En IE se muestra bien pero en FFox falla,
se muestra incompleta.

La estructura es algo como esto:

DIV
H1..H1
DIV
SPAN IMG
P
/DIV
[inicio error]
DIV
FORM
TABLE
/TABLE
/FORM
/DIV
[fin error]
/DIV

En FFox lo que esta dentro de [inicio error] y de [fin error] no aparece.
Lo raro es que si coloco antes de [inicio error] una linea como esta:

<P>variable: valor<P>variable2: valor2

entonces lo si aparece.

OJO, el texto HTML ha sido enviado al browser cliente, solo que no es
visible una vez cargada la pagina.
Las etiquetas estan bien formadas, cada una tiene su correspondiente TAG de
cierre.

¿Alguna idea?
Gracias
MV


Respuesta Responder a este mensaje
#2 Manuel Vera
26/10/2006 - 17:54 | Informe spam
"Miguel Gonzalez" escribió en el mensaje
news:
Hola Manuel.

En el código fuente, ¿se ve el código que "te falta"?



R: Si, cuando veo el source code o codigo fuente en el browser, el HTML esta
presente. De hecho, se ve en IE pero no es FFox.


¿Usas CSS? es posible que haya una regla que "oculte" el formulario, tipo:

div div {display:none;}



R: Si lo uso, pero no uso display:none. De hecho, los class que uso son para
formato de texto: color, fuente, alineacion, etc


Saludos!
Miguel

Nota: el tag <form> constituye en sí mismo una sección (bloque).
Encerrarlo en un <div> no sería
necesario.



R: Ok, ya borre los DIVs que lo encerraban.


PD: ¿Gurús? no seas guasón! :-)



:-P




Aqui el HTML que no se ve en FireFox

<FORM METHOD="post" ACTION="pagina.asp" NAME="frm">
<INPUT TYPE="HIDDEN" NAME="txt1" VALUE="valor1">
<INPUT TYPE="HIDDEN" NAME="txt2" VALUE="valor2">
<TABLE WIDTH="98%" BORDER="0" ALIGN="center" CELLPADDING="1"
CELLSPACING="1">
<TR><TD ALIGN="LEFT" COLSPAN="5"><SPAN>Oprime "Comprar" al producto de tu
preferencia</SPAN></TD></TR>
<TR>
<TD CLASS="THProducto">Ref.</TD>
<TD CLASS="THProducto" HEIGHT="20px">Producto</TD>
<TD CLASS="THProducto" ALIGN="right">Precio</TD>
<TD CLASS="THProducto" ALIGN="right">Oferta</TD>
<TD CLASS="THProducto" ALIGN="center">Oprime</TD>
</TR>
<TR>
<TD ALIGN="CENTER" CLASS="filaPar">KR-BO34</TD>
<TD ALIGN="CENTER" CLASS="filaPar">Caja Krön D or de Lujo</TD>
<TD CLASS="filaPar" ALIGN="right">&nbsp;Bs&nbsp;38,000&nbsp;</TD>
<TD CLASS="celPromoPar" ALIGN="right">&nbsp;Bs&nbsp;33,900&nbsp;</TD>
<TD WIDTH="59px" HEIGHT="23px" CLASS="filaPar" ALIGN="center">
<SPAN class="agotado">Agotado</SPAN>

</TD></TR>
<TR><TD ALIGN="LEFT" COLSPAN="5">
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0"><TR><TD>
<SPAN><A HREF="pagina.asp"><FONT FACE="Verdana, Arial" SIZE="1">* Ver precio
en <SPAN id="lblMoneda">Bs</SPAN></FONT></A></SPAN></TD>
</TR></TABLE></TD></TR>
<SCRIPT LANGUAGE=javascript><!--
if (!document.referrer.indexOf('pagina.asp')==-1){
document.write('<TR><TD COLSPAN="5">');
document.write('<br><br><center><a href="'+
document.referrer+'">Volver al istado...</a></center>');
document.write('</TD></TR>');
}//--></SCRIPT>
</TABLE></FORM>
Respuesta Responder a este mensaje
#3 Miguel Gonzalez
26/10/2006 - 23:56 | Informe spam
Hola Manuel.

Veo que tienes un "script" situado en un lugar incorrecto (fuera de las celdas), con lo que los
navegadores/clientes, según el W3C, pueden manejar dicho contenido como estimen conveniente
(mostrándolo fuera de la tabla, por ejemplo, u obviándolo).

Aparte, deberías "escapar" el carácter "/" contenido en los "document.write", ya que también puede
provocar errores inesperados: "</a>" escapado sería "<\/a>".

Puedes agregar la fila desde el script usando el DOM, o más sencillamente, incorporándola a la tabla
directamente pero estableciendo su "display" a "none", mostrándola luego mediante script si procede
(e incluso asignándole al enlace el valor "href" que necesites).

Finalmente, las unidades de medida en los atributos "height" y "width" se miden por defecto en
píxeles (no hace falta poner "px"). Si es un porcentaje se indica con el signo "%". El escribir
"59px" puede provocar que el valor del atributo no sea tenido en cuenta por el navegador.

Por lo demás no veo mayores problemas al código (en mi Firefox la tabla se muestra correctamente,
sin formatos, eso sí). ¿Es posible que el problema esté en algún fragmento de código anterior? (un
tag o unas comillas sin cerrar... no se, cabría revisar)

Te recomiendo para el depurado de código en Firefox que descargues una extensión muy útil llamada
"HTML Validator", la cual te marca los errores de código en la vista "Código fuente":

https://addons.mozilla.org/firefox/249/


Saludos!
Miguel


Manuel Vera escribió:
"Miguel Gonzalez" escribió en el mensaje
news:
Hola Manuel.

En el código fuente, ¿se ve el código que "te falta"?



R: Si, cuando veo el source code o codigo fuente en el browser, el HTML esta
presente. De hecho, se ve en IE pero no es FFox.

¿Usas CSS? es posible que haya una regla que "oculte" el formulario, tipo:

div div {display:none;}



R: Si lo uso, pero no uso display:none. De hecho, los class que uso son para
formato de texto: color, fuente, alineacion, etc

Saludos!
Miguel

Nota: el tag <form> constituye en sí mismo una sección (bloque).
Encerrarlo en un <div> no sería
necesario.



R: Ok, ya borre los DIVs que lo encerraban.

PD: ¿Gurús? no seas guasón! :-)



:-P




Aqui el HTML que no se ve en FireFox

<FORM METHOD="post" ACTION="pagina.asp" NAME="frm">
<INPUT TYPE="HIDDEN" NAME="txt1" VALUE="valor1">
<INPUT TYPE="HIDDEN" NAME="txt2" VALUE="valor2">
<TABLE WIDTH="98%" BORDER="0" ALIGN="center" CELLPADDING="1"
CELLSPACING="1">
<TR><TD ALIGN="LEFT" COLSPAN="5"><SPAN>Oprime "Comprar" al producto de tu
preferencia</SPAN></TD></TR>
<TR>
<TD CLASS="THProducto">Ref.</TD>
<TD CLASS="THProducto" HEIGHT="20px">Producto</TD>
<TD CLASS="THProducto" ALIGN="right">Precio</TD>
<TD CLASS="THProducto" ALIGN="right">Oferta</TD>
<TD CLASS="THProducto" ALIGN="center">Oprime</TD>
</TR>
<TR>
<TD ALIGN="CENTER" CLASS="filaPar">KR-BO34</TD>
<TD ALIGN="CENTER" CLASS="filaPar">Caja Krön D or de Lujo</TD>
<TD CLASS="filaPar" ALIGN="right">&nbsp;Bs&nbsp;38,000&nbsp;</TD>
<TD CLASS="celPromoPar" ALIGN="right">&nbsp;Bs&nbsp;33,900&nbsp;</TD>
<TD WIDTH="59px" HEIGHT="23px" CLASS="filaPar" ALIGN="center">
<SPAN class="agotado">Agotado</SPAN>

</TD></TR>
<TR><TD ALIGN="LEFT" COLSPAN="5">
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0"><TR><TD>
<SPAN><A HREF="pagina.asp"><FONT FACE="Verdana, Arial" SIZE="1">* Ver precio
en <SPAN id="lblMoneda">Bs</SPAN></FONT></A></SPAN></TD>
</TR></TABLE></TD></TR>
<SCRIPT LANGUAGE=javascript><!--
if (!document.referrer.indexOf('pagina.asp')==-1){
document.write('<TR><TD COLSPAN="5">');
document.write('<br><br><center><a href="'+
document.referrer+'">Volver al istado...</a></center>');
document.write('</TD></TR>');
}//--></SCRIPT>
</TABLE></FORM>


Respuesta Responder a este mensaje
#4 Manuel Vera
27/10/2006 - 18:00 | Informe spam
Hola Miguel

Excelente la herramienta para corregir el HTML. En efecto, como mencionabas,
con las medidas me arroja advertencias por cada vez que coloco el sufijo
"px" a las dimensiones de las imagenes. Ya los ire quitando poco a poco.

En base al problema en si que tengo, el TIDY no arroja errores, unicamente
advertencias. Estas se basan en haber colocado "px" en width y height, y en
no haber colocado el ALT. Las otras que habian era por no cerrar los tags de
xhtml como: input, link, meta, br, etc

Como habia dicho antes, y ahora ya adaptado con TIDY, el codigo esta "bien
formado". Incluso, quite el tag script que mencionas, para descartar algun
problema desde alli. Lo mas curioso, es que si antes del HTML que no se ve
coloco:

<P> &nbsp; </P>

Entonces, con eso antes, si se ve. Que cosa mas rara esta! Ni modo, seguire
probando a ver si doy en el clavo.

Gracias
MV


"Miguel Gonzalez" escribió en el mensaje
news:u5diVmU%
Hola Manuel.

Veo que tienes un "script" situado en un lugar incorrecto (fuera de las
celdas), con lo que los
navegadores/clientes, según el W3C, pueden manejar dicho contenido como
estimen conveniente
(mostrándolo fuera de la tabla, por ejemplo, u obviándolo).

Aparte, deberías "escapar" el carácter "/" contenido en los
"document.write", ya que también puede
provocar errores inesperados: "</a>" escapado sería "<\/a>".

Puedes agregar la fila desde el script usando el DOM, o más sencillamente,
incorporándola a la tabla
directamente pero estableciendo su "display" a "none", mostrándola luego
mediante script si procede
(e incluso asignándole al enlace el valor "href" que necesites).

Finalmente, las unidades de medida en los atributos "height" y "width" se
miden por defecto en
píxeles (no hace falta poner "px"). Si es un porcentaje se indica con el
signo "%". El escribir
"59px" puede provocar que el valor del atributo no sea tenido en cuenta
por el navegador.

Por lo demás no veo mayores problemas al código (en mi Firefox la tabla se
muestra correctamente,
sin formatos, eso sí). ¿Es posible que el problema esté en algún fragmento
de código anterior? (un
tag o unas comillas sin cerrar... no se, cabría revisar)

Te recomiendo para el depurado de código en Firefox que descargues una
extensión muy útil llamada
"HTML Validator", la cual te marca los errores de código en la vista
"Código fuente":

https://addons.mozilla.org/firefox/249/


Saludos!
Miguel


Manuel Vera escribió:
"Miguel Gonzalez" escribió en el mensaje
news:
Hola Manuel.

En el código fuente, ¿se ve el código que "te falta"?



R: Si, cuando veo el source code o codigo fuente en el browser, el HTML
esta
presente. De hecho, se ve en IE pero no es FFox.

¿Usas CSS? es posible que haya una regla que "oculte" el formulario,
tipo:

div div {display:none;}



R: Si lo uso, pero no uso display:none. De hecho, los class que uso son
para
formato de texto: color, fuente, alineacion, etc

Saludos!
Miguel

Nota: el tag <form> constituye en sí mismo una sección (bloque).
Encerrarlo en un <div> no sería
necesario.



R: Ok, ya borre los DIVs que lo encerraban.

PD: ¿Gurús? no seas guasón! :-)



:-P




Aqui el HTML que no se ve en FireFox

<FORM METHOD="post" ACTION="pagina.asp" NAME="frm">
<INPUT TYPE="HIDDEN" NAME="txt1" VALUE="valor1">
<INPUT TYPE="HIDDEN" NAME="txt2" VALUE="valor2">
<TABLE WIDTH="98%" BORDER="0" ALIGN="center" CELLPADDING="1"
CELLSPACING="1">
<TR><TD ALIGN="LEFT" COLSPAN="5"><SPAN>Oprime "Comprar" al producto de tu
preferencia</SPAN></TD></TR>
<TR>
<TD CLASS="THProducto">Ref.</TD>
<TD CLASS="THProducto" HEIGHT="20px">Producto</TD>
<TD CLASS="THProducto" ALIGN="right">Precio</TD>
<TD CLASS="THProducto" ALIGN="right">Oferta</TD>
<TD CLASS="THProducto" ALIGN="center">Oprime</TD>
</TR>
<TR>
<TD ALIGN="CENTER" CLASS="filaPar">KR-BO34</TD>
<TD ALIGN="CENTER" CLASS="filaPar">Caja Krön D or de Lujo</TD>
<TD CLASS="filaPar" ALIGN="right">&nbsp;Bs&nbsp;38,000&nbsp;</TD>
<TD CLASS="celPromoPar" ALIGN="right">&nbsp;Bs&nbsp;33,900&nbsp;</TD>
<TD WIDTH="59px" HEIGHT="23px" CLASS="filaPar" ALIGN="center">
<SPAN class="agotado">Agotado</SPAN>

</TD></TR>
<TR><TD ALIGN="LEFT" COLSPAN="5">
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0"><TR><TD>
<SPAN><A HREF="pagina.asp"><FONT FACE="Verdana, Arial" SIZE="1">* Ver
precio
en <SPAN id="lblMoneda">Bs</SPAN></FONT></A></SPAN></TD>
</TR></TABLE></TD></TR>
<SCRIPT LANGUAGE=javascript><!--
if (!document.referrer.indexOf('pagina.asp')==-1){
document.write('<TR><TD COLSPAN="5">');
document.write('<br><br><center><a href="'+
document.referrer+'">Volver al istado...</a></center>');
document.write('</TD></TR>');
}//--></SCRIPT>
</TABLE></FORM>


email Siga el debate Respuesta Responder a este mensaje
Ads by Google
Help Hacer una preguntaRespuesta Tengo una respuesta
Search Busqueda sugerida