.post tiene position absolute, y debería tener position *relative* :)
On Thu, Feb 19, 2009 at 1:00 AM, Ignacio Aguirre
<igna...@independiente.cl>wrote:
> Estimados
>
> Concurro a ustedes, nuevamente, pues me encuentro con un problemita
> al que no he encontrado solucion, esperando que ustedes me orienten,
> les cuento.
>
> Estoy maqueteando una seccion de articulos, dentro de la caja de cada
> articulo hay un titulo, contenido y fecha. La cosa es que la fecha la
> estoy posicionando absolutamente (sobre esta caja contenedora que esta
> posicionada relativamente). La cosa es que cuando le doy
> position:absolute a mi caja, se come al siguiente post (creo que por
> que no tiene un alto definido. Como el contenido se genera
> dinámicamente, no puedo darle un alto a la caja).
>
> Pego el codigo:
>
> CSS:
> -----------------------------------------------
> .post {
> width:580px;
> height:auto;
> float:left;
> background:url(imagenes/postbg.jpg) repeat-y;
> margin-bottom:20px;
> position:absolute;
> display:block;
> }
> h2.titulo-post {
> width:560px;
> padding-left:20px;
> height:73px;
> padding-top:14px;
> background:url(imagenes/titulo-post.jpg) no-repeat;
> font-family:Georgia, "Times New Roman", Times, serif;
> font-size:18px;
> color:#996633;
> float:left;
> }
> .post-contenido {
> width:580px;
> height:auto;
> color:#996633;
> float:left;
> }
> .post-fecha {
> position:absolute;
> width:100px;
> height:25px;
> top:13px;
> right:31px;
> font-family:Georgia, "Times New Roman", Times, serif;
> font-size:16px;
> color:#996633;
> font-weight:bold;
> text-align:center;
> }
>
> ----------------------------------------------------------------------------
>
> HTML:
>
> ------------------------------------------------------------------------------------
>
> <div class="post">
> <h2 class="titulo-post">TITULO DEL POST</h2>
>
> <div class="post-fecha">23 - 3 - 09</div>
>
> <div class="post-contenido">
> aqui va el contenido
> </div>
> </div>
> ------------------------------------------------------------------------
>
> Esto lo pueden ver en http://www.comunicatoons.cl/articulos/
>
> Se daran cuenta inmediatamente que no se ven los dos que deberian
> mostrarse. Si ocupan Firebug, o su símil favorito, y desactivan el
> position:absolute de la clase post, todo queda en orden.
>
> Ese es mi problema, espero no haber sido demasiado extenso.
>
>
> Desde ya agradezco sus comentarios y sugerencias
>
>
>
> --
> Ignacio Aguirre
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
↓ Ignacio Ricci
www.ignacioricci.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
