Hola a todos !
Me estoy volviendo loco tratando de ver donde esta el error.
tengo una pagina que anda bien tanto en Chrome como en IE 7 y 8, pero no en firefox !
Lo mas raro es que con el firebug si apago algunos CSS y los vuelvo a encender (o sea que en definitiva no cambio nada) se arregla todo !!
Es muy extraño, en principio me parece que hasta podría ser un error de Firefox.
Pero creo que tambien puede estar relacionado con esto:
Código:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TITULO</title>
<style>
html, body {
height:100%;
margin:0;
}
body {
background-color: #e9e9e9;
position:relative;
min-width:960px;
min-height:300px;
}
</style>
</head>
<body>
<div style="height:40px;">
<div style="float:left;"><h1>ALGO</h1>
</div>
</div>
<div style="position:relative; top:50%; margin-top:-150px;">
<div>
<ul>
<li style="float:left">
<div style="width:190px; height:211px;background:#CCC;">guia visual</div>
</li>
</ul>
</div>
</div>
</body>
</html>
En el codigo de arriba trate de dejar lo mas limpio todo para que solo se vea el problema:
(en el post se ve algo chica, aca esta a tamaño completo:
http://www.imagengratis.org/images/capturacssloc.jpg )
En la captura de arriba es lo que muestra el HTML, como se puede ver ahi lo que necesito es que el cuadro gris este justo donde termina la zona amarilla (zona pintada por firebug).
Pero no esta ahi, y es culpa de los dos "float:left"
Probe poner divs con clear pero no se arregla.
Alguien sabe como solucionarlo?
Gracias !!