No puedo poner height: 100%; y no se por que

[djkiku]

Hola, cuando pongo height: 100%; desaparece la foto de fondo... mi intencion es hacerlo asi:



Asi pongo el CSS y no funciona :

Código HTML:

.marca-abajo {
margin-left: -6px;
z-index: -2;
bottom: 0px !important;
top: 0;
content: ' ';
overflow: hidden;
height: 100%;
display: block;
background-image: url('http://2.bp.blogspot.com/-WVRj7931f3c/UPLVxZpm5SI/AAAAAAAAARo/tppyG__Ghvo/s1600/marca.png');
width: 284px;
background-repeat: no-repeat;
background-color: #fff;
}

Lo raro es que cuando pongo en % desaparece la fotode fondo :S

Alguna idea de por que hace falla?

[pzin]

Supongo que al no tener contenido no tendrá altura. Si especificas una altura medida relativa, tienes que tener en cuenta que el elemento contenedor tenga también una altura definida, porque sino la tiene, la altura por defecto es auto. Y auto, significa que crece con el contenido; ergo, no contenido, no altura.

[djkiku]

Muchas Gracias, cobra todo el sentido del mundo!

Hay alguna solucion, aparte de poner contenido?

Esta es mi web: http://www.nuevamarca.com/

[pzin]

En librosweb.es tienes un artículo que habla sobre ello columnas a la misma altura.

Otra opción sería hacerlo mediante JavaScript, tomar la altura de la columna de la derecha y aplicarlo sobre el elemento de la izquierda. Aunque las cosas que se puedan hacer mediante CSS, es mejor hacerlas con CSS.

[djkiku]

Genial Bonez, entonces buscaremos otra solucion! :) Gracias :)

[djkiku]

Por cierto, de casualidad no sabes donde tendria que meter el div, para que quede debajo la sidebar?? Seria lo mejor... he probado mucho.. pero la template es rara.. y no logro dar con el sitio correcto :S

[pzin]

Más gráfico que la imagen del artículo no se puede ser.