Foros del Web » Creando para Internet » CSS »

Lio sencillo con los divs y height: 100%...pero que no consigo sacar adelante

Estas en el tema de Lio sencillo con los divs y height: 100%...pero que no consigo sacar adelante en el foro de CSS en Foros del Web. Es una chorrada de ordago, pero no me sale. No se si es porque no he dormido bien, o simplemente me he quedado medio gilipollas ...
  #1 (permalink)  
Antiguo 05/07/2007, 13:46
 
Fecha de Ingreso: septiembre-2006
Mensajes: 14
Antigüedad: 11 años, 2 meses
Puntos: 0
Lio sencillo con los divs y height: 100%...pero que no consigo sacar adelante

Es una chorrada de ordago, pero no me sale.
No se si es porque no he dormido bien, o simplemente me he quedado medio gilipollas :(

La cuestión es que tengo este index:
<body>
<div id="barra"></div>
<div id="barranaranja"></div>
<div id="menu"></div>
<div id="base">Hola mundo cruel! <br>
Hola cruel blog! <br>
Hola crueles visitantes de lo que sin duda es un cruel foro!
</div>
</body>


Con este CSS:
body {
background: #fff url('img/fondo.jpg') no-repeat;
margin: 0;
padding: 0;
height:100%;
}

#base {
background: #fff;
width: 700px;
margin: 300px 0px 0px 276px;
position: absolute;
border-right: 3px solid #000;
border-top: 3px solid #000;
}

#barra {
background: transparent url('img/barra.png') repeat-y;
width: 250px;
height: 100%;
margin: 0px 0px 0px 0px;
position: absolute;
}


#barranaranja {
background: #f60 url('img/barranaranja.png') repeat-y;
width: 20px;
height: 100%;
margin: 0px 0px 0px 250px;
border-right: 3px solid #000;
border-left: 3px solid #000;
position: absolute;
}

#menu {
background: transparent url('img/menu.png') repeat;
width: 700px;
height: 100%;
margin: 200px 0px 0px 276px;
position: absolute;
border-right: 3px solid #000;
border-top: 3px solid #000;
}

#post {
margin: 10px 10px 10px 10px;
}

#comentarios {
margin: 10px 0px 0px 10px;
}


Quiero que barra y barranaranja tengan el 100% de vertical, de manera que crezcan si hay mas texto en base.
Bueno, debería de verse parecido a esto:
http://img489.imageshack.us/img489/9457/scratchqv7.jpg
Pero se ve así:
http://ps3.elkaos.net/

El tema está en que los objetos no me cogen el "height: 100%" como que usen todo el tamaño de largo, ya que lo cogerían del body....y su height debe de ser 0....por lo que me cogen el tamaño de la ventana.
¿Por qué body es 0?...¡pues ni idea!, pero así es.
El body no se pispa del texto que tengo metido en base, por lo que no afecta a los porcentajes.

He probado un montón de combinaciones, se que es una gilipollez, y no caigo.
Mátenme, ríanse de mi, pero díganme en que pelotas fallo :(
Me estoy volviendo loco a probar cosas a tontas y a locas, y seguro que es una soberana tonteria :(

Última edición por Ark del KAOS; 05/07/2007 a las 13:56
  #2 (permalink)  
Antiguo 05/07/2007, 18:17
okram
Invitado
 
Mensajes: n/a
Puntos:
Re: Lio sencillo con los divs y height: 100%...pero que no consigo sacar adelante

Leete este tutorial, haber si te sirve de algo...

http://www.cristalab.com/tips/39039/...-con-div-y-css

Un saludo,
  #3 (permalink)  
Antiguo 05/07/2007, 23:25
 
Fecha de Ingreso: septiembre-2006
Mensajes: 14
Antigüedad: 11 años, 2 meses
Puntos: 0
Re: Lio sencillo con los divs y height: 100%...pero que no consigo sacar adelante

Gracias por el tuto...pero sigue sin salirme :(
  #4 (permalink)  
Antiguo 06/07/2007, 03:34
Avatar de marioraja  
Fecha de Ingreso: abril-2007
Mensajes: 66
Antigüedad: 10 años, 7 meses
Puntos: 0
Mensaje Re: Lio sencillo con los divs y height: 100%...pero que no consigo sacar adelante

Yo creo que todas las capas que estén por debajo de la que continene el texto, y la que es la que se extiende, deben tener su propiedad clear para que sean arrastradas al expandirse la capa que contiene el texto.

Prúebalo a ver...
__________________
En mi web tengo cursos para webmasters: xHTML y CSS.
http://www.aprende-gratis.com
  #5 (permalink)  
Antiguo 06/07/2007, 04:36
 
Fecha de Ingreso: septiembre-2006
Mensajes: 14
Antigüedad: 11 años, 2 meses
Puntos: 0
Re: Lio sencillo con los divs y height: 100%...pero que no consigo sacar adelante

Nada...no lo consigo.
Voy a simplificar un poco la petición:
¿Si tuvieseis que hacerlo, colo lo haríais?

Tan solo las dos cajas de la 1zq y la caja de las noticias.
Las de la izq, obviamente a la izquierda. Con tanto height como den de si las noticias.

Hasta ahora todo lo que consigo es que los div a la derecha de las noticias cojan su tamaño...pero no al contrario :(
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 21:12.