Foros del Web - Ver Mensaje Individual

JrPHP · #6 (**permalink**) 03/05/2008, 04:08

Cita:

Iniciado por Mikmoro

Hola, PedroRodas.

No sé cuál será el problema de JrPHP, pero habitualmente IE6 no necesita un min-height porque al contrario de la norma, cuando tienen algo dentro que le hace crecer simplemente crece, de manera que con marcar un height, ese alto es el mínimo, pero nunca el máximo.

JrPHP: si muestras el código completo quizá se pueda intentar averiguar qué ocurre.

Mikel.

El código fuente es:

HTML

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xml:lang="es" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1">
<link media="screen,print" href="css/style.css" type="text/css" rel="stylesheet">
<link media="handheld" href="css/style.css" type="text/css" rel="stylesheet">
<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" type="text/css">
<![endif]-->
<style type="text/css">@import url("css/style.css");</style>
</head>
<body>
<div class="content" id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu tortor vel neque congue congue. Mauris quis erat. Vestibulum dictum ligula vel purus. Vivamus eget purus. Quisque nulla. Proin nonummy elit nec erat. Suspendisse molestie, orci sed molestie congue, erat pede consectetuer tellus, non ultricies turpis purus eget lorem. Fusce ut libero. Donec gravida euismod elit. Sed rhoncus. Vivamus nibh magna, scelerisque id, tempus in, auctor non, ipsum. Vivamus vitae metus id elit consectetuer vestibulum. Etiam augue. Ut velit urna, porta a, commodo vitae, blandit vitae, odio. Ut mi arcu, placerat eu, imperdiet non, molestie quis, elit. Phasellus ligula ipsum, venenatis sit amet, feugiat eget, blandit aliquam, risus. Donec mollis.<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu tortor vel neque congue congue. Mauris quis erat. Vestibulum dictum ligula vel purus. Vivamus eget purus. Quisque nulla. Proin nonummy elit nec erat. Suspendisse molestie, orci sed molestie congue, erat pede consectetuer tellus, non ultricies turpis purus eget lorem. Fusce ut libero. Donec gravida euismod elit. Sed rhoncus. Vivamus nibh magna, scelerisque id, tempus in, auctor non, ipsum. Vivamus vitae metus id elit consectetuer vestibulum. Etiam augue. Ut velit urna, porta a, commodo vitae, blandit vitae, odio. Ut mi arcu, placerat eu, imperdiet non, molestie quis, elit. Phasellus ligula ipsum, venenatis sit amet, feugiat eget, blandit aliquam, risus. Donec mollis.<br><br>
</div>
<div class="footerwrap" id="footerwrap">
<div class="footer" id="footer">      
<div id="caja">
</div>	
</div>
</div>
</body>
</html>

CSS IE6

Código:

html { overflow: hidden; }
body { overflow: auto; height: 100%; }
html, body { height: 100%;}
div#content { height:100%; }

CSS STYLE

Código:

body, html
{
	color: #ffffff;
	background: #FF0000;
	text-align: justify;
	FONT-FAMILY: verdana;		
	font-size: 12px;
	margin: 0px;
	padding: 0px;	
}
body{ 
overflow : -moz-scrollbars-vertical;  
}
DIV#content {
	MIN-HEIGHT: 100%;
	HEIGHT: 100%;
	padding-bottom: 140px;
	left: 0px; 
	PADDING-TOP: 18px;
	border:0px solid red;
	width: 785px;
	MARGIN: 0px auto; 
}
DIV#footerwrap {
	LEFT: 0px; 
	WIDTH: 100%; 
	BOTTOM: 0px; 
	POSITION: absolute; 
	HEIGHT: 125px;
}
BODY > DIV#footerwrap {
	POSITION: fixed;
}
DIV#footer { 
	HEIGHT: 125px;
	width: 100%;
	BOTTOM: 0px;
}
#caja {
	position:absolute;
	LEFT: 0px;
	WIDTH: 100%; 
	BOTTOM: 0px; 
	HEIGHT: 115px;
	background: #0000FF;
	border:0px solid red;
}