Básicamente viene a ser lo siguiente. El problema inicial era que el contenido de "divContenido" se veía bien en IE definiendo un "height", pero en FF el texto se salía fuera (como en el ejemplo). Si se cambia "height" por "min-height" entonces funciona bien en ambos.
PERO el asunto es que tengo creada una clase para crear pestañas, y cada vez que se hace click en una de ellas se oculta un "divContenedor" (cada uno tiene su id, el siguiente código es un ejemplo de cómo debería funcionar), y se muestra el que corresponde a la pestaña actual.
Entonces, si para IE6 y anterior no establezco un "height", al hacer click en una pestaña cuyo "divContenedor" no tiene nada, se ve con unos pocos píxels de altura, y si hago click en otra con contenido el tamaño será mayor... y quiero poder establecer una altura mínima (por los que estén vacíos).
Código:
<html>
<head>
<link href="estilos.css" type="text/css" rel="styleSheet" />
</head>
<body>
<div id="divContenedor">
<div id="divContenido">
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>
</div>
</body>
</html>
El fichero "estilos.css":
Código:
#divContenedor {
width:500px;
background-color:red;
padding:10px 10px 10px 10px;
}
#divContenido {
height:300px;
width:400px;
background-color:blue;
}
Lo que necesito es definir un "#divContenido" para IE y otro para FF... en el FICHERO DE ESTILOS... ya que si lo hago en el HEAD de la página FUNCIONA PERFECTAMENTE el método de frijolerou.
Si no puede hacerse, lo tendré que definir en la propia clase.
Muchas gracias !