Re: [Ovillo] Vertical align

[Evaristo Bab�]

He preparado un ejemplo pr�ctico de c�mo centrar elementos
verticalmente. No recuerdo d�nde lo aprend� pero me ha sido de mucha
utilidad. Espero que tambi�n te sea �til.

http://www.zevra.com/experimentos/centrovertical.html

Est� probado en IE6, Mozilla 1.7, Firefox 0.9.1 y Opera 7.23.

Saludos!

Evaristo

Zevra Internet
http://www.zevra.com





On Fri, 2 Jul 2004 20:51:38 -0500, [EMAIL PROTECTED]
<[EMAIL PROTECTED]> wrote:
> Si puedes enviarnos un archivo html con el ejemplo de la manera como centras
> genialemente
> seria genial
> Saludos desde Peru
> Ebenezer
> 
> 
> ----- Original Message -----
> From: "Evaristo Bab�" <[EMAIL PROTECTED]>
> To: "Ovillo, la lista de CSS en castellano" <[EMAIL PROTECTED]>
> Sent: Thursday, July 01, 2004 3:32 PM
> Subject: Re: [Ovillo] Vertical align
> 
> �Quieres que se quede en medio respecto a qu�? El vertical-align:
> middle da muchos problemas. Yo utilizo una forma m�s pr�ctica de
> centrar verticalmente:
> 
> Posiciono verticalmente el elemento a centrar al 50% respecto al top
> del elemento padre. A continuaci�n le resto negativamente la mitad de
> su altura. De esa manera siempre (y no falla) puedes posicionar algo
> verticalmente.
> 
> No s� si me he explicado bien. Si te hace falta creo un archivo html
> para que veas un ejemplo pr�ctico. Espero que te haya sido de
> utilidad,
> 
> Un saludo!
> 
> Evaristo Bab�
> 
> Socio Directivo
> Zevra Internet
> www.zevra.com
> 
> On Wed, 30 Jun 2004 18:05:59 -0500, Braulio Andr�s Soncco Pimentel
> <[EMAIL PROTECTED]> wrote:
> >
> > Con el siguiente c�digo
> >
> > div#header {
> >      height: 28px;
> >     width: 100%;
> >     background: #12469F;
> >     vertical-align: middle;
> >  }
> >
> > <div id="header">Texto</div>
> >
> > Tengo un problema
> >
> > Pues resulta que este "Texto" no aparece centrado verticalmente, sino
> > que se alinea hacia arriba.
> >
> > y si pongo:
> >
> > <div id="header">
> >     <img src="images/logo.gif" width="31" height="28" alt="" />
> >     Texto
> > </div>
> >
> > el texto se me va hacia abajo.
> >
> > Lo que quiero es que el texto siempre est� centrado verticalmente, asi
> > como en las etiquetas <td> he probado con "vertical-align: middle" pero
> > no funciona.
> >
> > Gracias de Antemano
> >
> > _______________________________________________
> > Ovillo mailing list
> > [EMAIL PROTECTED]
> > http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
> >
> 
> _______________________________________________
> Ovillo mailing list
> [EMAIL PROTECTED]
> http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
> 
> _______________________________________________
> Ovillo mailing list
> [EMAIL PROTECTED]
> http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
>

_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org