necesito centrar una capa verticalmente, con vertical-align no funciona supongo que porque no es texto y no le puedo dar un line-height... no se, soy autodidacta y hay cosas que se me escapan.
Intento hacer lo del posicionamiento negativo, dando un top del 50% y un margin-top de menos_la_mitad de la altura de la capa, pero el top no me funciona. he probado usando todos los displays posibles y con algunas position (las otras me lo descolocan todo) y nada. la propiedad top como si estuviera muerta.
dejo el código a ver si me podeis decir qué hago mal... porque llevo dos días y ya me vuelve loco, ya no es una cuestión de estilo, sino personal, espero que podais ayudarme.
lo que intento es centrar verticalmente la capa 'marco'
html:
<body>
<div id="contenedor">
<div id="cabeza">
<div id="presentacion"> <h1 class="textright">xxxxxx</h1> <h2 class="textright">yyyyyy</h2> </div>
<div id="contacto"> <h3>@ contacto</h3> </div>
</div>
<div id="expositor">
<center><div id="marco" > <img src="PRESENTACION355.jpg"></div></center>
</div>
<div id="pie"> </div>
</div>
css:
body{background-color:#112233;}
h1 {color:#999999; font:34px Andalus; margin:0;}
h2 {color:#555555; font:14px Andalus; line-height:0;margin:0;}
h3 {color:#999999; font:24px Andalus; margin-top:25px;}
.textright {text-align:right;}
#contenedor{ top:50%; width:100%; height:515px; border:10px red; }
#cabeza{ background-color:#111111; width:100%; height:80px; }
#presentacion { position:absolute; width:175px; height:80px; margin-left:5%; }
#contacto { height:80px; width:175px; float:right; }
#expositor{ height:455px; width:100%; background-color:#000000; }
#marco { overflow:visible; top:50%;}
#pie{ background-color:#111111; height:80px; margin:-80px 0 0 0; padding-top:15px;}
he probado dando propiedades a la capa 'marco' y a la capa 'expositor' (la que contiene el marco) y nada. no hay manera de hacer que funcione el top. y además, si en la capa 'marco' le pongo un margen negativo, se me sube toda la capa 'expositor' y me cubre la cabecera... ¿por qué?
¿qué hago mal? igual es una tontería que no he visto, o que no comprendo... pero es que ya no se dónde mirar...
Se agradece la ayuda, se agradece mucho....