Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/12/2011, 12:30
Avatar de ryugen
ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 15 años, 8 meses
Puntos: 187
Respuesta: Duda con posiciones absolutas y relativas

Vamos por parte, si tu idea es ponerle un caption al "figure" semanticamente seria correcto utililzar la etiqueta figcaption.

Por otra parte seria mas facil solucionar tu problema viendo un ejemplo en vivo pero mis consejos son los siguientes:

"header" deberia ser un hijo de "figure"
Código HTML:
Ver original
  1. <figure class="aligncenter">
  2.             <img scr="ruta/a/la/imagen.jpg" />
  3.              <header>
  4.             <h2 class="entry-title"><a href="#">Lorem ipsum dolor...</a></h2>
  5.         </header>
  6.         </figure>
Luego, aplicaría posicion relativa al figure
Código CSS:
Ver original
  1. #featured article{ position:relative;}
y finalmente le daria posicionamiento absoluto al "header"
Código CSS:
Ver original
  1. #featured article{
  2.           position:absolute;
  3.           bottom:0;
  4.           width:100%;
  5. }

Saludos y espero que te sirva, cualquier cosa no dudes en preguntar