Compatibilidad CSS entre navegadores

jcouoh · #1 (**permalink**) 18/01/2010, 08:12

He estado haciendo algunas paginas, algunas porque me pagan y otras porque me gusta estar en el internet, antes no tenia problema pues como la mayor parte de las personas entraba a Internet por medio de Explorer pues veia la pagina practicamente de la misma manera solo cuando cambiaba de versión habia que hacerle ajustes.

Sin embargo actualmente la preferencia en cuanto a navegadores a cambiado, asi hoy ya hay quien prefiere navegar por medio de Firefox o por Opera, de hecho yo he estado haciendolo tambien pues en algunas paginas que entro si no es en firefox no se puede ver, lo unico lamentable para mi es que al ver las páginas que hago es que éstas no se ven con la misma presentación y en algunos casos no se ve algun efecto javascript.

Por lo que me atreví a poner este post, para ver si podemos ayudarnos mutuamente quiza empezando con algun ejemplo:

Ejemplo 1.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>ejemplo</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<LINK 
href="ejemplo.php_archivos/estilo_general.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
<BODY>
<DIV id=maincontainer>
<DIV id=contentwrapper>
<DIV id=contentcolumn><IMG src="ejemplo.php_archivos/563451541.jpg" border=0> 
</DIV></DIV>
<DIV id=rightcolumn>
<SCRIPT type=text/javascript>





var msgArray = new Array()


msgArray[0]=["Dominios Economicos"]


msgArray[1]=["Hospedaje web Economico"]





var speed = 50;
var cdel = 1000;
var maxfont = 20;

// Expanding and shrinking text banner Javascript
// copyright 24th July 2005, by Stephen Chapman http://javascript.about.com
// permission to use this Javascript on your web page is granted
// provided that this copyright notice is included
var x = y = 0;var msg;function start() {bnr('1');}
function bnr(dir){if (dir) {msg = msgArray[y];if (x < maxfont) {x++;setTimeout("bnr(1)",speed);}else setTimeout("bnr(0)",cdel);} else {if (x > 1) {x--;setTimeout("bnr(0)",speed);}else {setTimeout("bnr(1)",12);y++;if (y>=msgArray.length) y=0;}}document.getElementById('btx').innerHTML = msg;btx.style.fontSize=x+'px' }
window.onload = start;
  </SCRIPT>
<B>
<SCRIPT>


<DIV id=btx align=center></DIV></DIV>
<DIV id=topsection>
</DIV>
<DIV id=footer>
</DIV></DIV></FONT></B></BODY></HTML>

En este codigo, las palabras que se encuentran contenidas en la matriz javascript se ven con un efecto de aumentar de tamaño y contraerse en Explorer pero en Firerox no se ve el efecto. Debo señalar que si le cambio una parte del codigo se veria bien en ambos el efecto excepto que se veria descuadrado, la parte a cambiar sería

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><

y ponerle solo

Código HTML:

<html>

Entiendo que son características de los navegadores, pero cuando uno observa el codigo, debiera existir alguna forma de hacer compatible en ambos navegadores o en la mayor parte, Estare pendiente si alguien me puede ayudar.

Saludos

JavierB · #2 (**permalink**) 18/01/2010, 09:57

Hola jcouoh

Muevo tu tema al foro de CSS desde Web general.

Saludos,