Foros del Web » Creando para Internet » CSS »

Forzar height con DOCTYPE Transitional

Estas en el tema de Forzar height con DOCTYPE Transitional en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/08/2005, 07:09
Avatar de PeiShar  
Fecha de Ingreso: abril-2001
Ubicación: España
Mensajes: 125
Antigüedad: 16 años, 7 meses
Puntos: 0
Forzar height con DOCTYPE Transitional

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.
  #2 (permalink)  
Antiguo 25/08/2005, 07:16
Avatar de PeiShar  
Fecha de Ingreso: abril-2001
Ubicación: España
Mensajes: 125
Antigüedad: 16 años, 7 meses
Puntos: 0
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.
  #3 (permalink)  
Antiguo 25/08/2005, 11:07
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
intenta poner
body, html{height:100%;}
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #4 (permalink)  
Antiguo 25/08/2005, 13:25
Avatar de PeiShar  
Fecha de Ingreso: abril-2001
Ubicación: España
Mensajes: 125
Antigüedad: 16 años, 7 meses
Puntos: 0
ok, mañana lo pobraré, por cierto como véis la hoja de estilo, está bien? se puede mejorar? Supongo que si, gracias.
  #5 (permalink)  
Antiguo 26/08/2005, 02:17
Avatar de PeiShar  
Fecha de Ingreso: abril-2001
Ubicación: España
Mensajes: 125
Antigüedad: 16 años, 7 meses
Puntos: 0
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:32.