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 :(