Compatibilidad con Firefox

jotalinf · #1 (**permalink**) 17/10/2013, 07:42

Hola buenas... Llevo en este foro bastante tiempo aunque no participo mucho ya que no me los entiendo mucho pero la verdad que quiero felicitaros porque siempre teneis respuesta para todo y no me hace falta ni preguntar..

Pero esta vez tengo un problema que no consigo resolver.. Yo estoy estudiando diseño de aplicaciones web una fp y nos an puesto un pequeño reto.. Es hacer un juego de las parejas el tipico de las maquinitas de los bares de toda la vida..

Lo yevo bastante bien pero al ejecutarlo en firefox no se porque me muestra las imagenes mal colocadas o como si no me cogiera el .css..

He aislado este trozo de codigo que es el que e detectado que me sale mal, del demas codigo fuente, javascript, ect.

Código:

<title>Documento sin título</title>
	
    <style>
	
		img{border:solid 1px #000000;
			background-color:#CCC;
			height:150px;
			width:150px;
			margin:5px;}
	
		img:hover{background-color:#666;}
	
		#contenedor{width:650px;
					height:650px;
					margin:auto;
					background-color:#66F
					}
	</style>


</head>

<body>
<div id="contenedor">
	<img />

</div>

</body>

Probado en chrome , Internet Explorer, Opera va perfec perto mi preferido y el que siempre utilizo me lo muestra mal.. alguna idea pleasee ??

PHPeros · #2 (**permalink**) 17/10/2013, 08:40

Lo tienes un pelín desorganizado... Muchos espacios de línea que pueden ser confusos y no se que has hecho con el img de abajo... También añado que deberías especificar el tipo de estilo, en este caso:

<style type="text/css">...</style>

Saludos

oldie · #3 (**permalink**) 17/10/2013, 08:59

jotalinf · #4 (**permalink**) 17/10/2013, 15:11

Perdon si es cierto en el style me falta el text esque lo copie del archivo css.. el caso esque tengo 8 imagenes con las que relleno de forma aleatoria 16 casillas de un array con javascript pero antes de pasarle la imagen para simular la carta dada la vuelta necesito una imagen con simplemente el fondo que he haplicado con esos estilos, en el tag img van incluido las funciones de javascript con un onclick para que al pulsar cambie a la imagen propiamente dicha.

El problema es ese que antes de mostrar la imagen necesito que se me quede el cuadro a la medidia.. el codigo que puse anteriormente muestra como se queda depende el navegador en el que se ejecute en firefox no me mustra la celda en los demas si

gracias por las respuestas