subject:"\[Ovillo\] DIV se pierde en el borde de otro."

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-14 Por tema Ardilla Roja

Por lo pronto agregue lo "no semantico" ... pero voy a tratar la
solucion de Maikel,

Gracias por las respuestas,

A:R

2009/10/14 Maikel Naigt :
> Hola. Aquello del ".clearfix" es la misma técnica que he expuesto,
> solo que en lugar de aplicársela a una clase genérica, ".clearfix" -y
> aplicar esta clase en aquellos contenedores que lo necesiten-, yo lo
> he dispuesto directamente en el contenedor 'id="main" '. Por supuesto
> se puede alcanzar la misma meta cambiando "#main:after" por
> ".clearfix:after" y aplicando 'class="clearfix" ' al contenedor
> 'id="main" '
>
> Un saludo,
> David
>
>
> 2009/10/14 jaume op :
>> Y aquello del  ".clerfix"?
>>
>>
>>
>>>
 #main:after {
  display: block;
  clear: both;
  content: ' ';
 }

>>> --
>> Saludos
>> Jaume
>> ___
>> 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
>>
> ___
> 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
>



-- 
Ardilla Roja
La Trinchera // ardillaroja.com.mx
___
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

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-14 Por tema Maikel Naigt

Hola. Aquello del ".clearfix" es la misma técnica que he expuesto,
solo que en lugar de aplicársela a una clase genérica, ".clearfix" -y
aplicar esta clase en aquellos contenedores que lo necesiten-, yo lo
he dispuesto directamente en el contenedor 'id="main" '. Por supuesto
se puede alcanzar la misma meta cambiando "#main:after" por
".clearfix:after" y aplicando 'class="clearfix" ' al contenedor
'id="main" '

Un saludo,
David


2009/10/14 jaume op :
> Y aquello del  ".clerfix"?
>
>
>
>>
>>> #main:after {
>>>  display: block;
>>>  clear: both;
>>>  content: ' ';
>>> }
>>>
>> --
> Saludos
> Jaume
> ___
> 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
>
___
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

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-14 Por tema jaume op

Y aquello del  ".clerfix"?



>
>> #main:after {
>>  display: block;
>>  clear: both;
>>  content: ' ';
>> }
>>
> --
Saludos
Jaume
___
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

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-14 Por tema Maikel Naigt

Hola.

2009/10/13 Ignacio Ricci :
> Por como es el layout, no veo realmente otra manera de solucionarlo que
> agregando un elemento no-semantico...

Bueno, para los navegadores compatibles se puede eliminar ese elemento
"no-semantico" y solucionarlo con:

#main:after {
  display: block;
  clear: both;
  content: ' ';
}

para los IE, sinceramente, no lo he probado, pero seguro que se puede
arreglar con alguno de sus múltiples "trucos"

Un saludo,
David
___
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

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-13 Por tema Ignacio Ricci

Por como es el layout, no veo realmente otra manera de solucionarlo que
agregando un elemento no-semantico...

2009/10/13 Ardilla Roja 

> Bueno, siguiendo con mi problema..
>
> Era el overflow de #main y de #content, ya lo cambie, y se muestra la
> fecha... pero ahora, #main no crece hasta el pie de la pagina.. lo que
> yo hago en estos casos, es agregar un  , y
> clear: clear: both; al final dentro de #main... pero con este caso,
> quisiera saber si hay una solucion que no implique tocar el codigo del
> blog...
>
> *el div main es el de fondo rojo.
> *http://www.papasracing.com/blog
>
> Saludos,
>
> 2009/10/13 Ardilla Roja :
> > Revisare los overflow's...
> >
> > Este es el Aardvark del que hablo http://karmatics.com/aardvark/
> >
> > Salduos y gracias por las respuestas,
> >
> > A:R
> >
> > 2009/10/12 Mario Álvarez :
> >> Qué no Aardvark es una web de preguntas/respuestas?
> >> Yo lo vi con Firebug, nada más que me ganaron mis respuestas jeje.
> >> Iba a comentar lo mismo que Ignacio: tienes un overflow:hidden para
> limpiar
> >> los floats, eso impide que se vea algo mas aya del límite del
> contenedor,
> >> así que tendrás que aplicar un clear: both al footer... o una onda así.
> >>
> >> Saludos.
> >>
> >> 2009/10/12 Ignacio Ricci 
> >>
> >>> Firebug 2 win.
> >>>
> >>> 2009/10/12 Ardilla Roja 
> >>>
> >>> > De hecho, eso lo toma de Thematic, pero lo puedo cambiar desde mi
> >>> > tema.. mi duda es: Con que "debuguearon" yo con WebDeveloper ToolBar
> y
> >>> > Aardvark no veo el overflow :S
> >>> >
> >>> > Saludos,
> >>> >
> >>> > 2009/10/12 Roque Alonso <2tonewarr...@gmail.com>:
> >>> > > Al post-date position:absolute y algo mas de margin (-90px por ahi)
> y
> >>> al
> >>> > > main en teoria overflow:visible para que deje ver, o quita el
> hidden lo
> >>> > que
> >>> > > pasa es que se descoloca todo tienes que hacer mas cambios en el
> main.
> >>> Lo
> >>> > > siento pero no tengo mucho tiempo si no te lo miraba.
> >>> > >
> >>> > > El 13 de octubre de 2009 01:00, Ignacio Ricci <
> ignacio.ri...@gmail.com
> >>> > >escribió:
> >>> > >
> >>> > >> Nunca se va a ver, porque tenes overflow:hidden; tanto en el post,
> >>> como
> >>> > en
> >>> > >> el contenedor...Supongo que lo tenés así para hacer un clear a los
> >>> > floats.
> >>> > >> Vas a tener que encontrarle una vuelta para poder remover ese
> overflow
> >>> > >> hidden y que se vea bien igual.
> >>> > >>
> >>> > >>
> >>> > >>
> >>> > >> 2009/10/12 Ardilla Roja 
> >>> > >>
> >>> > >> > Pues mismo comportamiento...
> >>> > >> >
> >>> > >> > Sigo tratando de averiguar..
> >>> > >> >
> >>> > >> > Saluds y gracias por la respuesta,
> >>> > >> >
> >>> > >> > A:R
> >>> > >> >
> >>> > >> > 2009/10/12 Ignacio Aguirre :
> >>> > >> > > Hola
> >>> > >> > >
> >>> > >> > >
> >>> > >> > >  Prueba dandole un margin negativo al div .post-date, en ves
> del
> >>> > >> > > position:relative y left:-40
> >>> > >> > >
> >>> > >> > >  Debiese quedar algo como:
> >>> > >> > >
> >>> > >> > > div.post-date { background: #0F0
> url(images/background_date.png)
> >>> > >> > no-repeat
> >>> > >> > > center center; width: 76px; height: 76px; margin-left:-40px;
> >>> float:
> >>> > >> left;
> >>> > >> >  }
> >>> > >> > >
> >>> > >> > >  Espero este bien el codigo, la verdad no lo probé, pero segun
> mi
> >>> > >> > > experiencia debise ser asi.
> >>> > >> > >
> >>> > >> > >  Saludos
> >>> > >> > >
> >>> > >> > >  Ignacio Aguirre
> >>> > >> > >
> >>> > >> > > El 12 de octubre de 2009 18:13, Ardilla Roja <
> >>> ardillar...@gmail.com
> >>> > >> > >escribió:
> >>> > >> > >
> >>> > >> > >> Saludos a todos, espero me puedan ayudar con esto...
> >>> > >> > >>
> >>> > >> > >> Primero, la muestra, como se supone debe de quedar:
> >>> > >> > >> http://papasracing.com/Template_Blog_01.jpg
> >>> > >> > >>
> >>> > >> > >> Segundo, ya en la practica:
> >>> > >> > >> http://papasracing.com/blog/
> >>> > >> > >>
> >>> > >> > >> Mi problema es con el div que contiene la fecha:
> >>> > >> > >>
> >>> > >> > >> Lo estoy tratando de poner igual que en el screenshot, pero
> por
> >>> > alguna
> >>> > >> > >> razon que no logro encontrar, se pierde en el borde del post,
> ya
> >>> > trate
> >>> > >> > >> el z-index tambien, pero nada; les anexo los codigos:
> >>> > >> > >>
> >>> > >> > >> La caja de la fecha:
> >>> > >> > >>
> >>> > >> > >> Codigo:
> >>> > >> > >> 
> >>> > >> > >> Oct
> >>> > >> > >> 07
> >>> > >> > >> 2009
> >>> > >> > >> 
> >>> > >> > >>
> >>> > >> > >> CSS:
> >>> > >> > >> div.post-date { background: #0F0
> url(images/background_date.png)
> >>> > >> > >> no-repeat center center; width: 76px; height: 76px; position:
> >>> > >> > >> relative; top: 0; left: -40px; float: left;  }
> >>> > >> > >> div.post-date span { display: block; text-align: center;
> width:
> >>> > 65px;
> >>> > >> }
> >>> > >> > >> div.post-date span.post-day { font-size: 20px; }
> >>> > >> > >>
> >>> > >> > >> Este es un chiltheme de Wordpress, usando tambien el
> framework
> >>> > >> > Thematic..
> >>> > >>

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-13 Por tema Ardilla Roja

Bueno, siguiendo con mi problema..

Era el overflow de #main y de #content, ya lo cambie, y se muestra la
fecha... pero ahora, #main no crece hasta el pie de la pagina.. lo que
yo hago en estos casos, es agregar un  , y
clear: clear: both; al final dentro de #main... pero con este caso,
quisiera saber si hay una solucion que no implique tocar el codigo del
blog...

*el div main es el de fondo rojo.
*http://www.papasracing.com/blog

Saludos,

2009/10/13 Ardilla Roja :
> Revisare los overflow's...
>
> Este es el Aardvark del que hablo http://karmatics.com/aardvark/
>
> Salduos y gracias por las respuestas,
>
> A:R
>
> 2009/10/12 Mario Álvarez :
>> Qué no Aardvark es una web de preguntas/respuestas?
>> Yo lo vi con Firebug, nada más que me ganaron mis respuestas jeje.
>> Iba a comentar lo mismo que Ignacio: tienes un overflow:hidden para limpiar
>> los floats, eso impide que se vea algo mas aya del límite del contenedor,
>> así que tendrás que aplicar un clear: both al footer... o una onda así.
>>
>> Saludos.
>>
>> 2009/10/12 Ignacio Ricci 
>>
>>> Firebug 2 win.
>>>
>>> 2009/10/12 Ardilla Roja 
>>>
>>> > De hecho, eso lo toma de Thematic, pero lo puedo cambiar desde mi
>>> > tema.. mi duda es: Con que "debuguearon" yo con WebDeveloper ToolBar y
>>> > Aardvark no veo el overflow :S
>>> >
>>> > Saludos,
>>> >
>>> > 2009/10/12 Roque Alonso <2tonewarr...@gmail.com>:
>>> > > Al post-date position:absolute y algo mas de margin (-90px por ahi) y
>>> al
>>> > > main en teoria overflow:visible para que deje ver, o quita el hidden lo
>>> > que
>>> > > pasa es que se descoloca todo tienes que hacer mas cambios en el main.
>>> Lo
>>> > > siento pero no tengo mucho tiempo si no te lo miraba.
>>> > >
>>> > > El 13 de octubre de 2009 01:00, Ignacio Ricci >> > >escribió:
>>> > >
>>> > >> Nunca se va a ver, porque tenes overflow:hidden; tanto en el post,
>>> como
>>> > en
>>> > >> el contenedor...Supongo que lo tenés así para hacer un clear a los
>>> > floats.
>>> > >> Vas a tener que encontrarle una vuelta para poder remover ese overflow
>>> > >> hidden y que se vea bien igual.
>>> > >>
>>> > >>
>>> > >>
>>> > >> 2009/10/12 Ardilla Roja 
>>> > >>
>>> > >> > Pues mismo comportamiento...
>>> > >> >
>>> > >> > Sigo tratando de averiguar..
>>> > >> >
>>> > >> > Saluds y gracias por la respuesta,
>>> > >> >
>>> > >> > A:R
>>> > >> >
>>> > >> > 2009/10/12 Ignacio Aguirre :
>>> > >> > > Hola
>>> > >> > >
>>> > >> > >
>>> > >> > >  Prueba dandole un margin negativo al div .post-date, en ves del
>>> > >> > > position:relative y left:-40
>>> > >> > >
>>> > >> > >  Debiese quedar algo como:
>>> > >> > >
>>> > >> > > div.post-date { background: #0F0 url(images/background_date.png)
>>> > >> > no-repeat
>>> > >> > > center center; width: 76px; height: 76px; margin-left:-40px;
>>> float:
>>> > >> left;
>>> > >> >  }
>>> > >> > >
>>> > >> > >  Espero este bien el codigo, la verdad no lo probé, pero segun mi
>>> > >> > > experiencia debise ser asi.
>>> > >> > >
>>> > >> > >  Saludos
>>> > >> > >
>>> > >> > >  Ignacio Aguirre
>>> > >> > >
>>> > >> > > El 12 de octubre de 2009 18:13, Ardilla Roja <
>>> ardillar...@gmail.com
>>> > >> > >escribió:
>>> > >> > >
>>> > >> > >> Saludos a todos, espero me puedan ayudar con esto...
>>> > >> > >>
>>> > >> > >> Primero, la muestra, como se supone debe de quedar:
>>> > >> > >> http://papasracing.com/Template_Blog_01.jpg
>>> > >> > >>
>>> > >> > >> Segundo, ya en la practica:
>>> > >> > >> http://papasracing.com/blog/
>>> > >> > >>
>>> > >> > >> Mi problema es con el div que contiene la fecha:
>>> > >> > >>
>>> > >> > >> Lo estoy tratando de poner igual que en el screenshot, pero por
>>> > alguna
>>> > >> > >> razon que no logro encontrar, se pierde en el borde del post, ya
>>> > trate
>>> > >> > >> el z-index tambien, pero nada; les anexo los codigos:
>>> > >> > >>
>>> > >> > >> La caja de la fecha:
>>> > >> > >>
>>> > >> > >> Codigo:
>>> > >> > >> 
>>> > >> > >> Oct
>>> > >> > >> 07
>>> > >> > >> 2009
>>> > >> > >> 
>>> > >> > >>
>>> > >> > >> CSS:
>>> > >> > >> div.post-date { background: #0F0 url(images/background_date.png)
>>> > >> > >> no-repeat center center; width: 76px; height: 76px; position:
>>> > >> > >> relative; top: 0; left: -40px; float: left;  }
>>> > >> > >> div.post-date span { display: block; text-align: center; width:
>>> > 65px;
>>> > >> }
>>> > >> > >> div.post-date span.post-day { font-size: 20px; }
>>> > >> > >>
>>> > >> > >> Este es un chiltheme de Wordpress, usando tambien el framework
>>> > >> > Thematic..
>>> > >> > >>
>>> > >> > >> Gracias a todos por adelantado,
>>> > >> > >>
>>> > >> > >> A:R
>>> > >> > >>
>>> > >> > >> --
>>> > >> > >> Ardilla Roja
>>> > >> > >> La Trinchera // ardillaroja.com.mx
>>> > >> > >> ___
>>> > >> > >> 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

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-13 Por tema Ardilla Roja

Revisare los overflow's...

Este es el Aardvark del que hablo http://karmatics.com/aardvark/

Salduos y gracias por las respuestas,

A:R

2009/10/12 Mario Álvarez :
> Qué no Aardvark es una web de preguntas/respuestas?
> Yo lo vi con Firebug, nada más que me ganaron mis respuestas jeje.
> Iba a comentar lo mismo que Ignacio: tienes un overflow:hidden para limpiar
> los floats, eso impide que se vea algo mas aya del límite del contenedor,
> así que tendrás que aplicar un clear: both al footer... o una onda así.
>
> Saludos.
>
> 2009/10/12 Ignacio Ricci 
>
>> Firebug 2 win.
>>
>> 2009/10/12 Ardilla Roja 
>>
>> > De hecho, eso lo toma de Thematic, pero lo puedo cambiar desde mi
>> > tema.. mi duda es: Con que "debuguearon" yo con WebDeveloper ToolBar y
>> > Aardvark no veo el overflow :S
>> >
>> > Saludos,
>> >
>> > 2009/10/12 Roque Alonso <2tonewarr...@gmail.com>:
>> > > Al post-date position:absolute y algo mas de margin (-90px por ahi) y
>> al
>> > > main en teoria overflow:visible para que deje ver, o quita el hidden lo
>> > que
>> > > pasa es que se descoloca todo tienes que hacer mas cambios en el main.
>> Lo
>> > > siento pero no tengo mucho tiempo si no te lo miraba.
>> > >
>> > > El 13 de octubre de 2009 01:00, Ignacio Ricci > > >escribió:
>> > >
>> > >> Nunca se va a ver, porque tenes overflow:hidden; tanto en el post,
>> como
>> > en
>> > >> el contenedor...Supongo que lo tenés así para hacer un clear a los
>> > floats.
>> > >> Vas a tener que encontrarle una vuelta para poder remover ese overflow
>> > >> hidden y que se vea bien igual.
>> > >>
>> > >>
>> > >>
>> > >> 2009/10/12 Ardilla Roja 
>> > >>
>> > >> > Pues mismo comportamiento...
>> > >> >
>> > >> > Sigo tratando de averiguar..
>> > >> >
>> > >> > Saluds y gracias por la respuesta,
>> > >> >
>> > >> > A:R
>> > >> >
>> > >> > 2009/10/12 Ignacio Aguirre :
>> > >> > > Hola
>> > >> > >
>> > >> > >
>> > >> > >  Prueba dandole un margin negativo al div .post-date, en ves del
>> > >> > > position:relative y left:-40
>> > >> > >
>> > >> > >  Debiese quedar algo como:
>> > >> > >
>> > >> > > div.post-date { background: #0F0 url(images/background_date.png)
>> > >> > no-repeat
>> > >> > > center center; width: 76px; height: 76px; margin-left:-40px;
>> float:
>> > >> left;
>> > >> >  }
>> > >> > >
>> > >> > >  Espero este bien el codigo, la verdad no lo probé, pero segun mi
>> > >> > > experiencia debise ser asi.
>> > >> > >
>> > >> > >  Saludos
>> > >> > >
>> > >> > >  Ignacio Aguirre
>> > >> > >
>> > >> > > El 12 de octubre de 2009 18:13, Ardilla Roja <
>> ardillar...@gmail.com
>> > >> > >escribió:
>> > >> > >
>> > >> > >> Saludos a todos, espero me puedan ayudar con esto...
>> > >> > >>
>> > >> > >> Primero, la muestra, como se supone debe de quedar:
>> > >> > >> http://papasracing.com/Template_Blog_01.jpg
>> > >> > >>
>> > >> > >> Segundo, ya en la practica:
>> > >> > >> http://papasracing.com/blog/
>> > >> > >>
>> > >> > >> Mi problema es con el div que contiene la fecha:
>> > >> > >>
>> > >> > >> Lo estoy tratando de poner igual que en el screenshot, pero por
>> > alguna
>> > >> > >> razon que no logro encontrar, se pierde en el borde del post, ya
>> > trate
>> > >> > >> el z-index tambien, pero nada; les anexo los codigos:
>> > >> > >>
>> > >> > >> La caja de la fecha:
>> > >> > >>
>> > >> > >> Codigo:
>> > >> > >> 
>> > >> > >> Oct
>> > >> > >> 07
>> > >> > >> 2009
>> > >> > >> 
>> > >> > >>
>> > >> > >> CSS:
>> > >> > >> div.post-date { background: #0F0 url(images/background_date.png)
>> > >> > >> no-repeat center center; width: 76px; height: 76px; position:
>> > >> > >> relative; top: 0; left: -40px; float: left;  }
>> > >> > >> div.post-date span { display: block; text-align: center; width:
>> > 65px;
>> > >> }
>> > >> > >> div.post-date span.post-day { font-size: 20px; }
>> > >> > >>
>> > >> > >> Este es un chiltheme de Wordpress, usando tambien el framework
>> > >> > Thematic..
>> > >> > >>
>> > >> > >> Gracias a todos por adelantado,
>> > >> > >>
>> > >> > >> A:R
>> > >> > >>
>> > >> > >> --
>> > >> > >> Ardilla Roja
>> > >> > >> La Trinchera // ardillaroja.com.mx
>> > >> > >> ___
>> > >> > >> 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
>> > >> > >>
>> > >> > > ___
>> > >> > > 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
>> > >> > >
>> > >> >
>> > >> >
>> > >> >
>> > >> > --
>> > >> > Ardilla Roja
>> > >> > La Trinchera // ardillaroja.com.mx
>> > >> > ___
>> > >> > Lista de distribuci

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-12 Por tema Mario Álvarez

Qué no Aardvark es una web de preguntas/respuestas?
Yo lo vi con Firebug, nada más que me ganaron mis respuestas jeje.
Iba a comentar lo mismo que Ignacio: tienes un overflow:hidden para limpiar
los floats, eso impide que se vea algo mas aya del límite del contenedor,
así que tendrás que aplicar un clear: both al footer... o una onda así.

Saludos.

2009/10/12 Ignacio Ricci 

> Firebug 2 win.
>
> 2009/10/12 Ardilla Roja 
>
> > De hecho, eso lo toma de Thematic, pero lo puedo cambiar desde mi
> > tema.. mi duda es: Con que "debuguearon" yo con WebDeveloper ToolBar y
> > Aardvark no veo el overflow :S
> >
> > Saludos,
> >
> > 2009/10/12 Roque Alonso <2tonewarr...@gmail.com>:
> > > Al post-date position:absolute y algo mas de margin (-90px por ahi) y
> al
> > > main en teoria overflow:visible para que deje ver, o quita el hidden lo
> > que
> > > pasa es que se descoloca todo tienes que hacer mas cambios en el main.
> Lo
> > > siento pero no tengo mucho tiempo si no te lo miraba.
> > >
> > > El 13 de octubre de 2009 01:00, Ignacio Ricci  > >escribió:
> > >
> > >> Nunca se va a ver, porque tenes overflow:hidden; tanto en el post,
> como
> > en
> > >> el contenedor...Supongo que lo tenés así para hacer un clear a los
> > floats.
> > >> Vas a tener que encontrarle una vuelta para poder remover ese overflow
> > >> hidden y que se vea bien igual.
> > >>
> > >>
> > >>
> > >> 2009/10/12 Ardilla Roja 
> > >>
> > >> > Pues mismo comportamiento...
> > >> >
> > >> > Sigo tratando de averiguar..
> > >> >
> > >> > Saluds y gracias por la respuesta,
> > >> >
> > >> > A:R
> > >> >
> > >> > 2009/10/12 Ignacio Aguirre :
> > >> > > Hola
> > >> > >
> > >> > >
> > >> > >  Prueba dandole un margin negativo al div .post-date, en ves del
> > >> > > position:relative y left:-40
> > >> > >
> > >> > >  Debiese quedar algo como:
> > >> > >
> > >> > > div.post-date { background: #0F0 url(images/background_date.png)
> > >> > no-repeat
> > >> > > center center; width: 76px; height: 76px; margin-left:-40px;
> float:
> > >> left;
> > >> >  }
> > >> > >
> > >> > >  Espero este bien el codigo, la verdad no lo probé, pero segun mi
> > >> > > experiencia debise ser asi.
> > >> > >
> > >> > >  Saludos
> > >> > >
> > >> > >  Ignacio Aguirre
> > >> > >
> > >> > > El 12 de octubre de 2009 18:13, Ardilla Roja <
> ardillar...@gmail.com
> > >> > >escribió:
> > >> > >
> > >> > >> Saludos a todos, espero me puedan ayudar con esto...
> > >> > >>
> > >> > >> Primero, la muestra, como se supone debe de quedar:
> > >> > >> http://papasracing.com/Template_Blog_01.jpg
> > >> > >>
> > >> > >> Segundo, ya en la practica:
> > >> > >> http://papasracing.com/blog/
> > >> > >>
> > >> > >> Mi problema es con el div que contiene la fecha:
> > >> > >>
> > >> > >> Lo estoy tratando de poner igual que en el screenshot, pero por
> > alguna
> > >> > >> razon que no logro encontrar, se pierde en el borde del post, ya
> > trate
> > >> > >> el z-index tambien, pero nada; les anexo los codigos:
> > >> > >>
> > >> > >> La caja de la fecha:
> > >> > >>
> > >> > >> Codigo:
> > >> > >> 
> > >> > >> Oct
> > >> > >> 07
> > >> > >> 2009
> > >> > >> 
> > >> > >>
> > >> > >> CSS:
> > >> > >> div.post-date { background: #0F0 url(images/background_date.png)
> > >> > >> no-repeat center center; width: 76px; height: 76px; position:
> > >> > >> relative; top: 0; left: -40px; float: left;  }
> > >> > >> div.post-date span { display: block; text-align: center; width:
> > 65px;
> > >> }
> > >> > >> div.post-date span.post-day { font-size: 20px; }
> > >> > >>
> > >> > >> Este es un chiltheme de Wordpress, usando tambien el framework
> > >> > Thematic..
> > >> > >>
> > >> > >> Gracias a todos por adelantado,
> > >> > >>
> > >> > >> A:R
> > >> > >>
> > >> > >> --
> > >> > >> Ardilla Roja
> > >> > >> La Trinchera // ardillaroja.com.mx
> > >> > >> ___
> > >> > >> 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
> > >> > >>
> > >> > > ___
> > >> > > 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
> > >> > >
> > >> >
> > >> >
> > >> >
> > >> > --
> > >> > Ardilla Roja
> > >> > La Trinchera // ardillaroja.com.mx
> > >> > ___
> > >> > 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
>

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-12 Por tema Ignacio Ricci

Firebug 2 win.

2009/10/12 Ardilla Roja 

> De hecho, eso lo toma de Thematic, pero lo puedo cambiar desde mi
> tema.. mi duda es: Con que "debuguearon" yo con WebDeveloper ToolBar y
> Aardvark no veo el overflow :S
>
> Saludos,
>
> 2009/10/12 Roque Alonso <2tonewarr...@gmail.com>:
> > Al post-date position:absolute y algo mas de margin (-90px por ahi) y al
> > main en teoria overflow:visible para que deje ver, o quita el hidden lo
> que
> > pasa es que se descoloca todo tienes que hacer mas cambios en el main. Lo
> > siento pero no tengo mucho tiempo si no te lo miraba.
> >
> > El 13 de octubre de 2009 01:00, Ignacio Ricci  >escribió:
> >
> >> Nunca se va a ver, porque tenes overflow:hidden; tanto en el post, como
> en
> >> el contenedor...Supongo que lo tenés así para hacer un clear a los
> floats.
> >> Vas a tener que encontrarle una vuelta para poder remover ese overflow
> >> hidden y que se vea bien igual.
> >>
> >>
> >>
> >> 2009/10/12 Ardilla Roja 
> >>
> >> > Pues mismo comportamiento...
> >> >
> >> > Sigo tratando de averiguar..
> >> >
> >> > Saluds y gracias por la respuesta,
> >> >
> >> > A:R
> >> >
> >> > 2009/10/12 Ignacio Aguirre :
> >> > > Hola
> >> > >
> >> > >
> >> > >  Prueba dandole un margin negativo al div .post-date, en ves del
> >> > > position:relative y left:-40
> >> > >
> >> > >  Debiese quedar algo como:
> >> > >
> >> > > div.post-date { background: #0F0 url(images/background_date.png)
> >> > no-repeat
> >> > > center center; width: 76px; height: 76px; margin-left:-40px; float:
> >> left;
> >> >  }
> >> > >
> >> > >  Espero este bien el codigo, la verdad no lo probé, pero segun mi
> >> > > experiencia debise ser asi.
> >> > >
> >> > >  Saludos
> >> > >
> >> > >  Ignacio Aguirre
> >> > >
> >> > > El 12 de octubre de 2009 18:13, Ardilla Roja  >> > >escribió:
> >> > >
> >> > >> Saludos a todos, espero me puedan ayudar con esto...
> >> > >>
> >> > >> Primero, la muestra, como se supone debe de quedar:
> >> > >> http://papasracing.com/Template_Blog_01.jpg
> >> > >>
> >> > >> Segundo, ya en la practica:
> >> > >> http://papasracing.com/blog/
> >> > >>
> >> > >> Mi problema es con el div que contiene la fecha:
> >> > >>
> >> > >> Lo estoy tratando de poner igual que en el screenshot, pero por
> alguna
> >> > >> razon que no logro encontrar, se pierde en el borde del post, ya
> trate
> >> > >> el z-index tambien, pero nada; les anexo los codigos:
> >> > >>
> >> > >> La caja de la fecha:
> >> > >>
> >> > >> Codigo:
> >> > >> 
> >> > >> Oct
> >> > >> 07
> >> > >> 2009
> >> > >> 
> >> > >>
> >> > >> CSS:
> >> > >> div.post-date { background: #0F0 url(images/background_date.png)
> >> > >> no-repeat center center; width: 76px; height: 76px; position:
> >> > >> relative; top: 0; left: -40px; float: left;  }
> >> > >> div.post-date span { display: block; text-align: center; width:
> 65px;
> >> }
> >> > >> div.post-date span.post-day { font-size: 20px; }
> >> > >>
> >> > >> Este es un chiltheme de Wordpress, usando tambien el framework
> >> > Thematic..
> >> > >>
> >> > >> Gracias a todos por adelantado,
> >> > >>
> >> > >> A:R
> >> > >>
> >> > >> --
> >> > >> Ardilla Roja
> >> > >> La Trinchera // ardillaroja.com.mx
> >> > >> ___
> >> > >> 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
> >> > >>
> >> > > ___
> >> > > 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
> >> > >
> >> >
> >> >
> >> >
> >> > --
> >> > Ardilla Roja
> >> > La Trinchera // ardillaroja.com.mx
> >> > ___
> >> > 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
> >>
> >
> >
> >
> > --
> > Roque Alonso
> > http://roquealonso.org/
> > ___
> > 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
>
>
>
> --
> Ardilla Roja
> La Trinchera // ardillaroja.com.mx

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-12 Por tema Ardilla Roja

De hecho, eso lo toma de Thematic, pero lo puedo cambiar desde mi
tema.. mi duda es: Con que "debuguearon" yo con WebDeveloper ToolBar y
Aardvark no veo el overflow :S

Saludos,

2009/10/12 Roque Alonso <2tonewarr...@gmail.com>:
> Al post-date position:absolute y algo mas de margin (-90px por ahi) y al
> main en teoria overflow:visible para que deje ver, o quita el hidden lo que
> pasa es que se descoloca todo tienes que hacer mas cambios en el main. Lo
> siento pero no tengo mucho tiempo si no te lo miraba.
>
> El 13 de octubre de 2009 01:00, Ignacio Ricci 
> escribió:
>
>> Nunca se va a ver, porque tenes overflow:hidden; tanto en el post, como en
>> el contenedor...Supongo que lo tenés así para hacer un clear a los floats.
>> Vas a tener que encontrarle una vuelta para poder remover ese overflow
>> hidden y que se vea bien igual.
>>
>>
>>
>> 2009/10/12 Ardilla Roja 
>>
>> > Pues mismo comportamiento...
>> >
>> > Sigo tratando de averiguar..
>> >
>> > Saluds y gracias por la respuesta,
>> >
>> > A:R
>> >
>> > 2009/10/12 Ignacio Aguirre :
>> > > Hola
>> > >
>> > >
>> > >  Prueba dandole un margin negativo al div .post-date, en ves del
>> > > position:relative y left:-40
>> > >
>> > >  Debiese quedar algo como:
>> > >
>> > > div.post-date { background: #0F0 url(images/background_date.png)
>> > no-repeat
>> > > center center; width: 76px; height: 76px; margin-left:-40px; float:
>> left;
>> >  }
>> > >
>> > >  Espero este bien el codigo, la verdad no lo probé, pero segun mi
>> > > experiencia debise ser asi.
>> > >
>> > >  Saludos
>> > >
>> > >  Ignacio Aguirre
>> > >
>> > > El 12 de octubre de 2009 18:13, Ardilla Roja > > >escribió:
>> > >
>> > >> Saludos a todos, espero me puedan ayudar con esto...
>> > >>
>> > >> Primero, la muestra, como se supone debe de quedar:
>> > >> http://papasracing.com/Template_Blog_01.jpg
>> > >>
>> > >> Segundo, ya en la practica:
>> > >> http://papasracing.com/blog/
>> > >>
>> > >> Mi problema es con el div que contiene la fecha:
>> > >>
>> > >> Lo estoy tratando de poner igual que en el screenshot, pero por alguna
>> > >> razon que no logro encontrar, se pierde en el borde del post, ya trate
>> > >> el z-index tambien, pero nada; les anexo los codigos:
>> > >>
>> > >> La caja de la fecha:
>> > >>
>> > >> Codigo:
>> > >> 
>> > >> Oct
>> > >> 07
>> > >> 2009
>> > >> 
>> > >>
>> > >> CSS:
>> > >> div.post-date { background: #0F0 url(images/background_date.png)
>> > >> no-repeat center center; width: 76px; height: 76px; position:
>> > >> relative; top: 0; left: -40px; float: left;  }
>> > >> div.post-date span { display: block; text-align: center; width: 65px;
>> }
>> > >> div.post-date span.post-day { font-size: 20px; }
>> > >>
>> > >> Este es un chiltheme de Wordpress, usando tambien el framework
>> > Thematic..
>> > >>
>> > >> Gracias a todos por adelantado,
>> > >>
>> > >> A:R
>> > >>
>> > >> --
>> > >> Ardilla Roja
>> > >> La Trinchera // ardillaroja.com.mx
>> > >> ___
>> > >> 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
>> > >>
>> > > ___
>> > > 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
>> > >
>> >
>> >
>> >
>> > --
>> > Ardilla Roja
>> > La Trinchera // ardillaroja.com.mx
>> > ___
>> > 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
>>
>
>
>
> --
> Roque Alonso
> http://roquealonso.org/
> ___
> 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



-- 
Ardilla Roja
La Trinchera // ardillaroja.com.mx
___
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

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-12 Por tema Roque Alonso

Al post-date position:absolute y algo mas de margin (-90px por ahi) y al
main en teoria overflow:visible para que deje ver, o quita el hidden lo que
pasa es que se descoloca todo tienes que hacer mas cambios en el main. Lo
siento pero no tengo mucho tiempo si no te lo miraba.

El 13 de octubre de 2009 01:00, Ignacio Ricci escribió:

> Nunca se va a ver, porque tenes overflow:hidden; tanto en el post, como en
> el contenedor...Supongo que lo tenés así para hacer un clear a los floats.
> Vas a tener que encontrarle una vuelta para poder remover ese overflow
> hidden y que se vea bien igual.
>
>
>
> 2009/10/12 Ardilla Roja 
>
> > Pues mismo comportamiento...
> >
> > Sigo tratando de averiguar..
> >
> > Saluds y gracias por la respuesta,
> >
> > A:R
> >
> > 2009/10/12 Ignacio Aguirre :
> > > Hola
> > >
> > >
> > >  Prueba dandole un margin negativo al div .post-date, en ves del
> > > position:relative y left:-40
> > >
> > >  Debiese quedar algo como:
> > >
> > > div.post-date { background: #0F0 url(images/background_date.png)
> > no-repeat
> > > center center; width: 76px; height: 76px; margin-left:-40px; float:
> left;
> >  }
> > >
> > >  Espero este bien el codigo, la verdad no lo probé, pero segun mi
> > > experiencia debise ser asi.
> > >
> > >  Saludos
> > >
> > >  Ignacio Aguirre
> > >
> > > El 12 de octubre de 2009 18:13, Ardilla Roja  > >escribió:
> > >
> > >> Saludos a todos, espero me puedan ayudar con esto...
> > >>
> > >> Primero, la muestra, como se supone debe de quedar:
> > >> http://papasracing.com/Template_Blog_01.jpg
> > >>
> > >> Segundo, ya en la practica:
> > >> http://papasracing.com/blog/
> > >>
> > >> Mi problema es con el div que contiene la fecha:
> > >>
> > >> Lo estoy tratando de poner igual que en el screenshot, pero por alguna
> > >> razon que no logro encontrar, se pierde en el borde del post, ya trate
> > >> el z-index tambien, pero nada; les anexo los codigos:
> > >>
> > >> La caja de la fecha:
> > >>
> > >> Codigo:
> > >> 
> > >> Oct
> > >> 07
> > >> 2009
> > >> 
> > >>
> > >> CSS:
> > >> div.post-date { background: #0F0 url(images/background_date.png)
> > >> no-repeat center center; width: 76px; height: 76px; position:
> > >> relative; top: 0; left: -40px; float: left;  }
> > >> div.post-date span { display: block; text-align: center; width: 65px;
> }
> > >> div.post-date span.post-day { font-size: 20px; }
> > >>
> > >> Este es un chiltheme de Wordpress, usando tambien el framework
> > Thematic..
> > >>
> > >> Gracias a todos por adelantado,
> > >>
> > >> A:R
> > >>
> > >> --
> > >> Ardilla Roja
> > >> La Trinchera // ardillaroja.com.mx
> > >> ___
> > >> 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
> > >>
> > > ___
> > > 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
> > >
> >
> >
> >
> > --
> > Ardilla Roja
> > La Trinchera // ardillaroja.com.mx
> > ___
> > 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
>



-- 
Roque Alonso
http://roquealonso.org/
___
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

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-12 Por tema Ignacio Ricci

Nunca se va a ver, porque tenes overflow:hidden; tanto en el post, como en
el contenedor...Supongo que lo tenés así para hacer un clear a los floats.
Vas a tener que encontrarle una vuelta para poder remover ese overflow
hidden y que se vea bien igual.



2009/10/12 Ardilla Roja 

> Pues mismo comportamiento...
>
> Sigo tratando de averiguar..
>
> Saluds y gracias por la respuesta,
>
> A:R
>
> 2009/10/12 Ignacio Aguirre :
> > Hola
> >
> >
> >  Prueba dandole un margin negativo al div .post-date, en ves del
> > position:relative y left:-40
> >
> >  Debiese quedar algo como:
> >
> > div.post-date { background: #0F0 url(images/background_date.png)
> no-repeat
> > center center; width: 76px; height: 76px; margin-left:-40px; float: left;
>  }
> >
> >  Espero este bien el codigo, la verdad no lo probé, pero segun mi
> > experiencia debise ser asi.
> >
> >  Saludos
> >
> >  Ignacio Aguirre
> >
> > El 12 de octubre de 2009 18:13, Ardilla Roja  >escribió:
> >
> >> Saludos a todos, espero me puedan ayudar con esto...
> >>
> >> Primero, la muestra, como se supone debe de quedar:
> >> http://papasracing.com/Template_Blog_01.jpg
> >>
> >> Segundo, ya en la practica:
> >> http://papasracing.com/blog/
> >>
> >> Mi problema es con el div que contiene la fecha:
> >>
> >> Lo estoy tratando de poner igual que en el screenshot, pero por alguna
> >> razon que no logro encontrar, se pierde en el borde del post, ya trate
> >> el z-index tambien, pero nada; les anexo los codigos:
> >>
> >> La caja de la fecha:
> >>
> >> Codigo:
> >> 
> >> Oct
> >> 07
> >> 2009
> >> 
> >>
> >> CSS:
> >> div.post-date { background: #0F0 url(images/background_date.png)
> >> no-repeat center center; width: 76px; height: 76px; position:
> >> relative; top: 0; left: -40px; float: left;  }
> >> div.post-date span { display: block; text-align: center; width: 65px; }
> >> div.post-date span.post-day { font-size: 20px; }
> >>
> >> Este es un chiltheme de Wordpress, usando tambien el framework
> Thematic..
> >>
> >> Gracias a todos por adelantado,
> >>
> >> A:R
> >>
> >> --
> >> Ardilla Roja
> >> La Trinchera // ardillaroja.com.mx
> >> ___
> >> 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
> >>
> > ___
> > 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
> >
>
>
>
> --
> Ardilla Roja
> La Trinchera // ardillaroja.com.mx
> ___
> 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

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-12 Por tema Ardilla Roja

Pues mismo comportamiento...

Sigo tratando de averiguar..

Saluds y gracias por la respuesta,

A:R

2009/10/12 Ignacio Aguirre :
> Hola
>
>
>  Prueba dandole un margin negativo al div .post-date, en ves del
> position:relative y left:-40
>
>  Debiese quedar algo como:
>
> div.post-date { background: #0F0 url(images/background_date.png) no-repeat
> center center; width: 76px; height: 76px; margin-left:-40px; float: left;  }
>
>  Espero este bien el codigo, la verdad no lo probé, pero segun mi
> experiencia debise ser asi.
>
>  Saludos
>
>  Ignacio Aguirre
>
> El 12 de octubre de 2009 18:13, Ardilla Roja escribió:
>
>> Saludos a todos, espero me puedan ayudar con esto...
>>
>> Primero, la muestra, como se supone debe de quedar:
>> http://papasracing.com/Template_Blog_01.jpg
>>
>> Segundo, ya en la practica:
>> http://papasracing.com/blog/
>>
>> Mi problema es con el div que contiene la fecha:
>>
>> Lo estoy tratando de poner igual que en el screenshot, pero por alguna
>> razon que no logro encontrar, se pierde en el borde del post, ya trate
>> el z-index tambien, pero nada; les anexo los codigos:
>>
>> La caja de la fecha:
>>
>> Codigo:
>> 
>> Oct
>> 07
>> 2009
>> 
>>
>> CSS:
>> div.post-date { background: #0F0 url(images/background_date.png)
>> no-repeat center center; width: 76px; height: 76px; position:
>> relative; top: 0; left: -40px; float: left;  }
>> div.post-date span { display: block; text-align: center; width: 65px; }
>> div.post-date span.post-day { font-size: 20px; }
>>
>> Este es un chiltheme de Wordpress, usando tambien el framework Thematic..
>>
>> Gracias a todos por adelantado,
>>
>> A:R
>>
>> --
>> Ardilla Roja
>> La Trinchera // ardillaroja.com.mx
>> ___
>> 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
>>
> ___
> 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
>



-- 
Ardilla Roja
La Trinchera // ardillaroja.com.mx
___
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

Re: [Ovillo] DIV se pierde en el borde de otro.

2009-10-12 Por tema Ignacio Aguirre

Hola


 Prueba dandole un margin negativo al div .post-date, en ves del
position:relative y left:-40

 Debiese quedar algo como:

div.post-date { background: #0F0 url(images/background_date.png) no-repeat
center center; width: 76px; height: 76px; margin-left:-40px; float: left;  }

 Espero este bien el codigo, la verdad no lo probé, pero segun mi
experiencia debise ser asi.

 Saludos

 Ignacio Aguirre

El 12 de octubre de 2009 18:13, Ardilla Roja escribió:

> Saludos a todos, espero me puedan ayudar con esto...
>
> Primero, la muestra, como se supone debe de quedar:
> http://papasracing.com/Template_Blog_01.jpg
>
> Segundo, ya en la practica:
> http://papasracing.com/blog/
>
> Mi problema es con el div que contiene la fecha:
>
> Lo estoy tratando de poner igual que en el screenshot, pero por alguna
> razon que no logro encontrar, se pierde en el borde del post, ya trate
> el z-index tambien, pero nada; les anexo los codigos:
>
> La caja de la fecha:
>
> Codigo:
> 
> Oct
> 07
> 2009
> 
>
> CSS:
> div.post-date { background: #0F0 url(images/background_date.png)
> no-repeat center center; width: 76px; height: 76px; position:
> relative; top: 0; left: -40px; float: left;  }
> div.post-date span { display: block; text-align: center; width: 65px; }
> div.post-date span.post-day { font-size: 20px; }
>
> Este es un chiltheme de Wordpress, usando tambien el framework Thematic..
>
> Gracias a todos por adelantado,
>
> A:R
>
> --
> Ardilla Roja
> La Trinchera // ardillaroja.com.mx
> ___
> 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
>
___
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

[Ovillo] DIV se pierde en el borde de otro.

2009-10-12 Por tema Ardilla Roja

Saludos a todos, espero me puedan ayudar con esto...

Primero, la muestra, como se supone debe de quedar:
http://papasracing.com/Template_Blog_01.jpg

Segundo, ya en la practica:
http://papasracing.com/blog/

Mi problema es con el div que contiene la fecha:

Lo estoy tratando de poner igual que en el screenshot, pero por alguna
razon que no logro encontrar, se pierde en el borde del post, ya trate
el z-index tambien, pero nada; les anexo los codigos:

La caja de la fecha:

Codigo:

Oct
07
2009


CSS:
div.post-date { background: #0F0 url(images/background_date.png)
no-repeat center center; width: 76px; height: 76px; position:
relative; top: 0; left: -40px; float: left;  }
div.post-date span { display: block; text-align: center; width: 65px; }
div.post-date span.post-day { font-size: 20px; }

Este es un chiltheme de Wordpress, usando tambien el framework Thematic..

Gracias a todos por adelantado,

A:R

-- 
Ardilla Roja
La Trinchera // ardillaroja.com.mx
___
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

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

Re: [Ovillo] DIV se pierde en el borde de otro.

[Ovillo] DIV se pierde en el borde de otro.

15 matches

Site Navigation

Mail list logo

Footer information