Foros del Web » Creando para Internet » CSS »

Problemas con height con porcentaje en <div>

Estas en el tema de Problemas con height con porcentaje en <div> en el foro de CSS en Foros del Web. Hola a todos. Estoy comenzando a aprender CSS y he llegado a un simple y chorra ejemplo que no soy capaz de hacer funcionar correctamente ...
  #1 (permalink)  
Antiguo 08/10/2006, 18:53
 
Fecha de Ingreso: octubre-2006
Mensajes: 2
Antigüedad: 11 años, 2 meses
Puntos: 0
Problemas con height con porcentaje en <div>

Hola a todos.
Estoy comenzando a aprender CSS y he llegado a un simple y chorra ejemplo que no soy capaz de hacer funcionar correctamente en IE y si en FireFox o Opera.
No tiene utilidad ninguna puesto que estoy dando mis primeros pasos con CSS pero soy muy cabezon y hasta que no descubra la solucion no me quedare tranquilo ;)

El caso es que en la definicion siguiente le quiero poner una altura al DIV mediante un porcentaje y no hay manera de que IE se entere de ello. Me pone la altura exacta para que entre el texto.

Código:
div.sidebar {position: absolute; background-color:cornflowerblue;
top: 0; left: 0; width: 120px;height:20%;font-size: 16pt;}
Os juro y perjuro que he buscando por todos lados (en el foro tambien) pero las unicas referencias que encuentro son acerca del problema con min_height y nada acerca de un simple porcentaje en height.
¿Alguna pista para un novato?

Salu2
  #2 (permalink)  
Antiguo 09/10/2006, 11:38
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Cita:
no soy capaz de hacer funcionar correctamente en IE
Los que no han sido capaces de hacerlo funcionar son los programadores de Ie. Saludos.
  #3 (permalink)  
Antiguo 09/10/2006, 19:20
 
Fecha de Ingreso: octubre-2006
Mensajes: 2
Antigüedad: 11 años, 2 meses
Puntos: 0
Vamos, que no se puede. Pues nada, seguiremos estudiando.
Lo gracioso del caso es que el libro que estoy siguiendo hace referencia constantemente a todo lo que NO funciona en IE para intentar evitarlo y esto del porcetnaje esta en "el ejemplo" de posicionamiento y claro, se queda uno con una cara de gilipollas al ver que no funciona.... :(


Salu2 y gracias por la aclaracion.
  #4 (permalink)  
Antiguo 11/10/2006, 17:05
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Ahora, confirma una cosa, que tu doctype sea xhtml 1.0, así funcionan algunas cosas mejor.
Saludos
  #5 (permalink)  
Antiguo 11/10/2006, 17:14
 
Fecha de Ingreso: abril-2005
Ubicación: Lima-Peru
Mensajes: 313
Antigüedad: 12 años, 7 meses
Puntos: 1
Es necesario que utilizes posiicion absoluta para ese sidebar??, si muestras lo esencial del css y html, tal vez se te pueda ayudar
  #6 (permalink)  
Antiguo 12/10/2006, 07:52
Avatar de Wdeah  
Fecha de Ingreso: julio-2005
Ubicación: Argentina
Mensajes: 109
Antigüedad: 12 años, 4 meses
Puntos: 0
hola, lei por ahi que para que funcione el porcentaje en alguna capa, era necesario que le agregues la propiedad height: 100% a el body

body {
height: 100%;
}

#otracapa {
height: 20%;
}

espero que te sirva.. saludos.
  #7 (permalink)  
Antiguo 12/10/2006, 11:35
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Al selector también tienes que darle una altura de 100%.

Código:
html, body{
    height: 100%;
}
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 00:09.