min-width no respetado en FF

noctovision · #1 (**permalink**) 26/09/2012, 17:48

Hola,

Estoy inciandome en RWD y cosas parecidas. He creado un contenedor con max-width:800px y min-width:300px, dentro hay dos divs, uno izquierdo y el otro derecho, 30% y 70% respectivamente.

Todo bien, se redimensiona todo pero... cuando llego a unos 500px de ancho del navegador, la cosa deja de redimensionarse, se detiene, aunque debería llegar a los 300 definidos...

alguien sabe algo que no sepa yo? ;)

flashmax · #2 (**permalink**) 26/09/2012, 20:23

hola relaize una prueba con tus parámetros y si se reduce a 300px en firefox y chrome.

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#contenedor{
width:100%;
height:500px;
margin:0 auto;
border:3px solid #000;
background-color: #069;
text-align:center;
max-width:800px;
min-width:300px;
}
#right{
width:70%;
height:500px;
background-color: #666;
text-align:center;
float:left;
}
#left{
width:30%;
height:500px;
background-color: #eee;
text-align:center;
float:left;
}
</style>
</head>

<body>

<div id="contenedor">
<div id="left">left</div>
<div id="right">right</div>
</div>

</body>
</html>

noctovision · #3 (**permalink**) 27/09/2012, 15:11

Hola flashmax,

Gracias por tu interés en mi problema, he testeado tu código en FF (15.0.1) y en Chrome, el más reciente, el resultado se puede ver en la captura de pantalla, en Chrome todo funciona bien pero en FF el borde derecho se esconde antes de llegar a 300px.

Con lo cual me aseguro que no es un problema humano.

Gracias una vez más!