Compatibilidad entre navegadores

jaldonza · #1 (**permalink**) 27/10/2014, 23:42

Hola a todos:

El tema por el que te escribo es el siguiente:

Estoy desarrollando un sistema web cuyo objetivo es que sirva para todos los navegadores más utilizados, IE, firefox, chrome, Opera y safari ( los más actuales y los relativamente viejos. Por poner un ejemplo para IE desde el 6 hasta el 11 y siguientes ).

He creado el siguiente código utilizando para ello lo que he creido que son elementos básicos y con atributos también básicos:

<html>
<head>
<title>Mi pagina web</title>
</head>
<body>
<table border="1" style="width:100%; height:100%;">
<tr style="border-style:solid; border-width:1px; border-color:#FFFF00; height:5%;">
<td><div align="center"><input type="button" value="Aplicaciones" style="width:100%;" /> </div></td>
<td><div align="center"><input type="button" value="Condiguración" style="border-style:solid; border-width:2px; width:100%;" /> </div></td>
</tr>
<tr style="border-style:solid; border-width:1px; border-color: #FF0000; height:95%;">
<td colspan="2"><div align="center">2</div></td>
</tr>
</table>
</body>
</html>

El resultado es que esto solo funciona correctamente en chrome y safari. En IE y Opera no funciona y en firefox aún no he podido probar ( no recuerdo exactamente las versiones ahora mismo de todos ellos ).

Pero claro... a todo esto hay que sumarle que la primera línea es <html> y por lo que tengo entendido haciendo esto cada navegador se pondrá a funcionar como XHTML, HTML, etc que por defecto éste interprete. Se supone que si le pongo la etiqueta <!DOCTYPE .....> para especificar con que HTML XHTML HTML5 ( o como se diga ) quieres que funcione de forma explicita tu aplicación en el navegador. Pues bien, si le añado al principio la línea <!DOCTYPE html> que se supone que es para que funcione de forme explicita, el resultado es que en todos los navegadores deja de funcionar ( he probado tambien con distintos DOCTYPE que he visto en la web w3cschools.com y el resultado es el mismo ). No entiendo nada !!!

¿ alguien me podría echar una mano ?

Perdón por extenderme tanto, pero no he podido ser más breve....

Muchas Gracias por la ayuda

Un Saludo

Jorge

Rafael · #2 (**permalink**) 28/10/2014, 08:38

No. Ya olvídate de las tarjetas perforadas para programar... Olvída IE 4, 5, 6, 7 y 8. Olvida las tablas, olvida el xhtml.

Usa html 5 y css.

Deja de funcionar por la misma razón que esto

no entra en la ranura usb.

jaldonza · #3 (**permalink**) 29/10/2014, 01:07

Hola:

Eso es muy fácil de decir, pero la realidad es otra.

Hoy en día y sobre todo a nivel de empresas no tienen la última tecnología por lo tanto ( y más con internet y las aplicaciones web ) las aplicaciones han de ser compatibles con varios navegadores .

Lo siento pero la respuesta no me ayuda en nada y además está poco elaborada.

Cada vez tengo más claro que el 60% de la información de internet es simplemente "relleno".

Muchas Gracias

Rafael · #4 (**permalink**) 29/10/2014, 12:07

Está poco elaborada ya que tienes que hacer tarea. No te sientas ofendido.

Tu código es del siglo pasado, No es cotorreo, es de 1995.

No debes de usar tablas para armar el formato. Todo lo tienes como tablas.

No "debes" meter div dentro de tablas.

No debes usar los imputs como botones de navegación.

<div align="center"> ese align no se debe de usar. Los navegadores no lo interpretan porque eso ya está descartado. Eso se usaba cuando el Ie que había era el Ie 4 y 5.

https://www.google.com.mx/search?q=e...tatistics+Ie+7
http://www.w3schools.com/browsers/browsers_explorer.asp

Revisa estadísticas de tu país, de tu cliente.

Si estás preocupado por un 0.5% de usuarios que no quieren comprar ni una computadora nueva en lugar de los demás, entonces usa tablas.

Nada de eso se va a solucionar con un encabezado doctype html 5.

¿Cómo se va a solucionar...? Usando HTML5 y CSS. No tablas, no aligns, no usar inputs para lo que no son.

Ah, y ya le pones entonces el <!DOCTYPE html>

jaldonza · #5 (**permalink**) 29/10/2014, 16:14

Hola de nuevo y gracias por la respuesta.

Realmente no entiendo la totalidad de las cosas que dices, pero insisto en que lo único que busco NO es hacer un diseño basado en tablas, sino que algo tan simple como un tabla con un par de filas y un par de columnas funcione de la misma manera en varios navegadores viejos y nuevos. NADA MAS!!! y no creo que para eso haya que irse a la ultimatecnología ni actualizar la cumputadora. Además la prueba que estoy haciendo es con elementos y propiedades muy básicas ( independientemente del navegador y de las estadisticasde cada pais, de mi cliente )

La mayoria del código que puse al abrir el tema, lo consulté previamente en la página de w3schools.com, por lo que entiendo que no debería ser tan dificil.

saludos

PHPeros · #6 (**permalink**) 31/10/2014, 11:59

No es recomendable recurrir al modo quirks para crear una aplicación compatible con todos los navegadores...

Por otra parte, migrar a HTML5 requiere adoptar ciertas medidas, si no estás dispuesto a cumplirlas conviene que te quedes en HTML4, pero al menos verifica que tu código respeta los estándares para dicha versión:

http://validator.w3.org/

Rafael · #7 (**permalink**) 01/11/2014, 11:45

Jaldonza, por favor Haz tu tarea.

Una cosa es un atributo Básico, base, donde se sustenta algo, y otra un atributo obsoleto, que ya no se utiliza más.

Quita todos esos divs align=center y simplemente pon:

Código HTML:

Ver original<td style="text-align:center">

Quita esos input como botones ya que esos los define el SISTEMA y el NAVEGADOR.

Quieres usar el encabezado html 5 cuando esos align NO FUNCIONAN con html 5.

Los align=center desde el año 1997 se está avisando que YA no lo utilicen. Pues en esta especificación ese plazo de más de 10 años ya pasó. Desde el Ie 5 ya se podía usar el css como te lo pongo.

Nadie, nadie te está diciendo que uses la última tecnología, nadie te está diciendo que compres computadoras nuevas. Estás preguntando cómo hacer para que funcione en "todos" los navegadores. La respuesta NO es hacerlo con piezas obsoletas y con cinta adhesiva, la respuesta es hacerlo Bien. Nada más.

jaldonza · #8 (**permalink**) 03/11/2014, 14:59

Hola Rafael:

Gracias de nuevo por la respuesta.

La verdad es que de la primera respuesta a la última, no sé si es que te entiendo mejor ó es que tú te explicas algo más ( aunque todo es mejorable por ambas partes ...).

Tendré en cuenta lo que me has dicho en todos tus mensajes ( sobre todo en este último ) para tomar decisiones en el desarrollo de mi proyecto.

Un saludo

murdoc92 · #9 (**permalink**) 03/11/2014, 16:04

No soy experto en este asunto, pero como recomendación separa los estilos en hojas de estilos css ya que se ve desordenado tu código. Y el div center está obsoleto, usa css (margin:0 auto para eso). Suerte. (te entiendo, también trabajo con empresas arcaicas que usan IE7).

jaldonza · #10 (**permalink**) 04/11/2014, 07:59

Hola:

Gracias por la respuesta.

La verdad es que lo del div align="center" es lo de menos ya que pensaba utilizar siempre hojas de
estilos para modificar los atributos de cualquier objeto.

Lo que puese en la pregunta inicial solamente era un ejemplo de código rápido y "chusquero" ( aunque
curiosamente el align="center" de los <div> es lo que ha funcionado correctemente en todos
los navegadorses con los que he realizado pruebas hasta ahora )

pero una pregunta: ¿ una página desarrollada con html4.x puede funcionar si es interpretada con html5 mediante el <DOCTYPE ó lo que sea ?
siempre por supuesto utilizando objetos, atributos, etc, etc.... que ambos estandares soporten

Muchas gracias y saludos cordiales

PHPeros · #11 (**permalink**) 04/11/2014, 09:57

Cita:

Iniciado por jaldonza

¿ una página desarrollada con html4.x puede funcionar si es interpretada con html5 mediante el <DOCTYPE ó lo que sea ?
siempre por supuesto utilizando objetos, atributos, etc, etc.... que ambos estandares soporten

No, tienes que ponerlo con su declaración !DOCTYPE correspondiente al tipo de documento.