Foros del Web » Creando para Internet » CSS »

problemas para que se vea igual en IE que en Firefox

Estas en el tema de problemas para que se vea igual en IE que en Firefox en el foro de CSS en Foros del Web. El código que les voy a presentar funciona bien con firefox pero en IE este código lo que debería de hacer es cambiar el color ...
  #1 (permalink)  
Antiguo 31/08/2007, 12:01
 
Fecha de Ingreso: enero-2007
Mensajes: 51
Antigüedad: 17 años, 2 meses
Puntos: 0
problemas para que se vea igual en IE que en Firefox

El código que les voy a presentar funciona bien con firefox pero en IE este código lo que debería de hacer es cambiar el color de fondo negro para el color azul al pasar el ratón sobre cualquier parte del id #contenido

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<style>
#contenido{
background: #2F2F2F;
}
#contenido:hover{
background: Blue;
}
</style>
<html>
<head>
    <title></title>
</head>

<body>
<div id="contenido">
hola como te llamas 
</div>

</body>
</html> 

Última edición por escudo40; 31/08/2007 a las 16:07
  #2 (permalink)  
Antiguo 31/08/2007, 16:46
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.263
Antigüedad: 19 años, 1 mes
Puntos: 2114
Re: problemas para que se vea igual en IE que en Firefox

Lo que ocurre es que IE sólo asume el :hover para los enlaces no para otra cosa.
Posiblemente te sea útil (e inspiradora) la lectura del Blog Ask the CSS Guy Link Boxes
ver ejemplo
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 01/09/2007, 09:35
 
Fecha de Ingreso: enero-2007
Mensajes: 51
Antigüedad: 17 años, 2 meses
Puntos: 0
Re: problemas para que se vea igual en IE que en Firefox

Gracias por tu ayuda voy a leer lo que me as dado
  #4 (permalink)  
Antiguo 01/09/2007, 14:26
 
Fecha de Ingreso: enero-2007
Mensajes: 51
Antigüedad: 17 años, 2 meses
Puntos: 0
Re: problemas para que se vea igual en IE que en Firefox

Ya solucione mi problema gracias a Daniel Ulczyk mientras estuve solucionando el problema me conseguí con este código es mas fácil de entender pero la solución esta en la pagina dada por Daniel Ulczyk

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<style type="text/css">
/* CSS */
body {
    color:#E7E4E4;
    background-color:#CCCCCC;
}
/* El titulo tiene otro color suave para efectos del ejemplo */
h1 {
    color:#E6C3C3;
}
/* DISEÑO ACCESIBLE */
body.accesible {
    color: #000000; /* negro. También puedo poner black */
    background-color:#FFFFFF; /* blanco */
	/* font-size: 1.5em; */ /* aumenta tamaño de fuente */
}
/* si el H1 está en un body con clase accesible, también cambia */
.accesible h1 {
    color: #FD0404; /* rojo */
}
</style>
<script type="text/javascript">
function accesibiliza(){
	var body = document.getElementsByTagName("body")[0];
	var class_name = "accesible";
    var ya_tiene = new RegExp('\\b'+class_name+'\\b').test(body.className);
	if(ya_tiene){//ya la tiene. Remueve.
		var rep = body.className.match(' '+class_name)?' '+class_name:class_name;
		body.className = body.className.replace(rep,'');
	}
	else {//no tiene, agrega clase.
		body.className += " "+class_name;
	}
}
</script></head><body class="accesible">
     <h1>Miren mi estupendo diseño</h1>
    <p>
        Si puedes leer esto tienes buena vista.
    </p>
	<button type="button" onclick="accesibiliza()" id="bot-accesible">Accesibilidad</button>

</body></html> 
Se que no debo de colocar programación que no sea css en este foro pero creo que la solución se da con javascript espero que a otros que tienen el mismo problema que yo esto les ayude un poco
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 03:16.