Forzar height con DOCTYPE Transitional

PeiShar · #1 (**permalink**) 25/08/2005, 06:09

Buenas tardes, llevo ya un tiempo mareándome con el problema que a continuación os cuento y me tiene más que "jartito", bueno ahí va.

Resulta que el tipo de documento HTML lo he declarado como:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="es">
<head>
<!-- Meta Tags -->

<title>Titulo</title>
<meta name="keywords" content="palabras claves">
<meta name="Description" content="descripcion">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="Author" content="autor">
<meta name="Owner" content="[email protected]">
<meta name="Revisit" content="8 days">
<meta name="Robots" content="all">
<meta name="Language" content="Spanish">

<!-- Fin Meta Tags -->

<link href="css/estilo.css" rel="stylesheet" type="text/css">
</head>
<body>

<!-- ###### Cabecera ###### -->

<div id="cabecera">

</div>

<!-- ###### Contenido ###### -->

<div id="contenido">

<!-- ###### Menú Izquierda ###### -->

<div id="izquierda">

</div> <!-- Fin Menu Izquierda -->

<!-- ###### Centro  ###### -->

<div id="centro">

</div> <!-- Fin Centro -->

<!-- ###### Derecha  ###### -->

<div id="derecha">

</div> <!-- Fin Derecha -->
</div> <!-- Fin Contenido -->

<div id="pie"> <!-- Fin Pie -->

</div>
</body>
</html>

A continuación os pongo parte de la hoja de estilo.

PeiShar · #2 (**permalink**) 25/08/2005, 06:16

Hoja de estilo

Código HTML:

body {
margin : 0 auto;
padding : 0;
[COLOR=Red]height : 100%;[/COLOR]
background-color : #ffffff;
font-family : Verdana, Geneva, Helvetica, Arial, Serif;
font-size : 68.5%;
color : #000000;
}
body img {
border : 0px;
}
DIV#cabecera {
width : 100%;
height : 79px;
background-color : #0C9C5C;
border-bottom : dashed;
border-bottom-width : 1px;
border-bottom-color : #88A;
}
DIV#contenido {
float : left;
width : 100%;
[COLOR=Red]height : 100%;[/COLOR]
background-color : #fff;
}
DIV#izquierda {
float : left;
width : 18%;
[COLOR=Red]height : 100%;[/COLOR]
padding : 4px 0 0 4px;
background-color : #EAF5E5;
}
DIV#centro {
float : left;
width : 59%;
[COLOR=Red]height : 100%;[/COLOR]
padding : 5px 0 0 15px;
border-right : dashed;
border-right-width : 1px;
border-right-color : #88A;
border-left : dashed;
border-left-width : 1px;
border-left-color : #88A;
background-image : url(../imagenes/fondo/fondo_derecha.gif);
background-attachment : scroll;
background-repeat : no-repeat;
background-position :center center;
}
DIV#derecha {
float : right;
width : 20%;
[COLOR=Red]height : 100%;[/COLOR]
}
DIV#pie {
width : 100%;
background-color : #EAF5E5;
border-top : dashed;
border-top-width : 1px;
border-top-color : #88A;
}
DIV#pie p {
text-align : center;
font-size : 100%;
color : #666;
padding : 6px 0 6px 8px;
}
DIV#izquierda H1 {
margin : 3px;
padding-top : 3px;
padding-left : 15px;
font-size : 1em;
color : #ffffff;
background-image : url(../imagenes/fondo/fondo_titulo_menu.gif);
background-repeat : no-repeat;
width : 116px;
height : 20px;
}
DIV#izquierda ul {
margin : 0;
padding : 0;
margin-left : 3px;
list-style-image : none;
}
DIV#izquierda ul li {
list-style : none;
border-bottom : 1px solid #ffffff;
margin-top : 0;
}
DIV#izquierda ul li a {
background-color : #D8DBE1;
display : block;
text-decoration : none;
color : #000000;
padding : 2px;
padding-left : 7px;
}
DIV#izquierda ul li a:hover {
background-color : #ECAB08;
}

El caso es que si dejo en el encabezado <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> sin la URL funciona bien en el I.E. pero no así en el Firefox, me tiene loco, a ver si me podéis echar un cable. Saludos y gracias.

kemie · #3 (**permalink**) 25/08/2005, 10:07

intenta poner
body, html{height:100%;}

PeiShar · #4 (**permalink**) 25/08/2005, 12:25

ok, mañana lo pobraré, por cierto como véis la hoja de estilo, está bien? se puede mejorar? Supongo que si, gracias.

PeiShar · #5 (**permalink**) 26/08/2005, 01:17

Que vá, no ha llegado a funcionar. A ver que más cosas so os ocurren. Yo intentaré buscarle solución por otro lado. Gracias