Re: [Ovillo] Centrar Contenedor desde IE

2005-09-26 Por tema Camilo Kawerín

Hola,

[EMAIL PROTECTED] escribió:
Te faltaria un text-align:center en la etiqueta body, y un 
text-align:left; en


Los text-align son necesarios para centrar el contenedor en IE 5, pero 
en IE 6 lo correcto es margin: auto; Si no funciona es porque te falta 
el DOCTYPE completo y la página no está en estándard mode. Te conviene 
completarlo, porque aunque logres centrar el contenedor con text-align, 
vas a tener problemas con el modelo de cajas.


Espero que te sirva,

saludos

--
Camilo Kawerín
27Sur comunicación & diseño
http://www.27sur.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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar Contenedor desde IE

2005-09-26 Por tema Manuel González Noriega
On 26/09/05, Sivianes Rubio, José Manuel <[EMAIL PROTECTED]> wrote:
> Vaya pues sí que funciona, nunca habia usado ese recurso para centrar un div, 
> y lo peor es que me ha dejado 'rayao' y no se porqué motivo es así.


Funciona porque IE hace dos cosas mal

a) No reconoce margin: 0 auto
b) Aplica text-align a elementos de bloque (tu div, en este caso),
aunque no debería

Así, lo que haces aplicando ambos es contrarrestar el primer bug con
el segundo. Luego, en el div debes aplicar text-align: left para que
las cosas vuelvan a la normalidad de ahí en adelante.

--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia,
experiencia y comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65

¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/
___
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://ovillo.org/mailman/listinfo/ovillo


RE: [Ovillo] Centrar Contenedor desde IE

2005-09-26 Por tema zuri . menendez

Despues de pelearme infinitamente con los elementos div, descubres que
cualquier
cosa es posible ;), jejeje... (mami, en ocasiones veo muertos jjejejejeje)

besitos

Quoting "Sivianes Rubio, José Manuel" <[EMAIL PROTECTED]>:


Vaya pues sí que funciona, nunca habia usado ese recurso para
centrar un div, y lo peor es que me ha dejado 'rayao' y no se porqué
motivo es así.

Gracias.




De: [EMAIL PROTECTED] en nombre de [EMAIL PROTECTED]
Enviado el: lun 26/09/2005 15:48
Para: ovillo@lists.ovillo.org
Asunto: Re: [Ovillo] Centrar Contenedor desde IE



Te faltaria un text-align:center en la etiqueta body, y un
text-align:left; en
la etiqueta contenedor.

O por lo menos eso creo... espero que te sirva, saludos.

Quoting "Sivianes Rubio, José Manuel" <[EMAIL PROTECTED]>:


Buenas, tengo el siguiente código de prueba y quería centrar el div
contenedor. La cuestión es que en el Firefox si sale bien, pero en
el IE no me sale y no sé como centrarlo, otras veces me ha ido bien,
pero con este ejemplo no llega a salirme.

Me gustaría ver si alguien me puede ayudar.

Código HTML:



 Izq
 Titulo de Ejemplo
 Der
 
 aqui va a venir algún texto largo


CSS:
body {
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}
#contenedor {width:600px;margin:0 auto;}
#maqueta {border:1px solid red;}
#titulo {float:left}
#pIzq {float:left;border:1px solid
#aa;height:100px;width:100px;background-color:#cc}
#pDer {float:right;border:1px solid
#aa;height:100px;width:100px;background-color:#cc;}
.clear {clear:both}

En este ejemplo, tal como sale en Firefox es el resultado de prueba
que quiero obtener en el IE.

¿Alguien sabe como centrarlo en ambos exploradores?.

Gracias.

___
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://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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar Contenedor desde IE

2005-09-26 Por tema Inti Castro
On 9/26/05, Sivianes Rubio, José Manuel <[EMAIL PROTECTED]> wrote:
>
> #contenedor {width:600px;margin:0 auto;}
>
para que ie reconozca el margin: auto; tiene que estar en modo estándar.

sino: text-align:center en la etiqueta body y despues text-align:left; en
#contenedor para resetear la alineacion del texto.

inti castro
[EMAIL PROTECTED]
___
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://ovillo.org/mailman/listinfo/ovillo


RE: [Ovillo] Centrar Contenedor desde IE

2005-09-26 Por tema Sivianes Rubio , José Manuel
Vaya pues sí que funciona, nunca habia usado ese recurso para centrar un div, y 
lo peor es que me ha dejado 'rayao' y no se porqué motivo es así.
 
Gracias.

 


De: [EMAIL PROTECTED] en nombre de [EMAIL PROTECTED]
Enviado el: lun 26/09/2005 15:48
Para: ovillo@lists.ovillo.org
Asunto: Re: [Ovillo] Centrar Contenedor desde IE



Te faltaria un text-align:center en la etiqueta body, y un text-align:left; en
la etiqueta contenedor.

O por lo menos eso creo... espero que te sirva, saludos.

Quoting "Sivianes Rubio, José Manuel" <[EMAIL PROTECTED]>:

> Buenas, tengo el siguiente código de prueba y quería centrar el div
> contenedor. La cuestión es que en el Firefox si sale bien, pero en
> el IE no me sale y no sé como centrarlo, otras veces me ha ido bien,
> pero con este ejemplo no llega a salirme.
>
> Me gustaría ver si alguien me puede ayudar.
>
> Código HTML:
>
> 
> 
>  Izq
>  Titulo de Ejemplo
>  Der
>  
>  aqui va a venir algún texto largo
> 
>
> CSS:
> body {
>   background: #fff;
>   margin: 0;
>   padding: 0;
>   font-family: Arial, sans-serif;
> }
> #contenedor {width:600px;margin:0 auto;}
> #maqueta {border:1px solid red;}
> #titulo {float:left}
> #pIzq {float:left;border:1px solid
> #aa;height:100px;width:100px;background-color:#cc}
> #pDer {float:right;border:1px solid
> #aa;height:100px;width:100px;background-color:#cc;}
> .clear {clear:both}
>
> En este ejemplo, tal como sale en Firefox es el resultado de prueba
> que quiero obtener en el IE.
>
> ¿Alguien sabe como centrarlo en ambos exploradores?.
>
> Gracias.
>
> ___
> 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://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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Centrar Contenedor desde IE

2005-09-26 Por tema zuri . menendez

Te faltaria un text-align:center en la etiqueta body, y un text-align:left; en
la etiqueta contenedor.

O por lo menos eso creo... espero que te sirva, saludos.

Quoting "Sivianes Rubio, José Manuel" <[EMAIL PROTECTED]>:


Buenas, tengo el siguiente código de prueba y quería centrar el div
contenedor. La cuestión es que en el Firefox si sale bien, pero en
el IE no me sale y no sé como centrarlo, otras veces me ha ido bien,
pero con este ejemplo no llega a salirme.

Me gustaría ver si alguien me puede ayudar.

Código HTML:



 Izq
 Titulo de Ejemplo
 Der
 
 aqui va a venir algún texto largo


CSS:
body {
background: #fff;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
#contenedor {width:600px;margin:0 auto;}
#maqueta {border:1px solid red;}
#titulo {float:left}
#pIzq {float:left;border:1px solid
#aa;height:100px;width:100px;background-color:#cc}
#pDer {float:right;border:1px solid
#aa;height:100px;width:100px;background-color:#cc;}
.clear {clear:both}

En este ejemplo, tal como sale en Firefox es el resultado de prueba
que quiero obtener en el IE.

¿Alguien sabe como centrarlo en ambos exploradores?.

Gracias.

___
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://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://ovillo.org/mailman/listinfo/ovillo


[Ovillo] Centrar Contenedor desde IE

2005-09-26 Por tema Sivianes Rubio , José Manuel
Buenas, tengo el siguiente código de prueba y quería centrar el div contenedor. 
La cuestión es que en el Firefox si sale bien, pero en el IE no me sale y no sé 
como centrarlo, otras veces me ha ido bien, pero con este ejemplo no llega a 
salirme.

Me gustaría ver si alguien me puede ayudar.

Código HTML:


 
  Izq
  Titulo de Ejemplo
  Der
  
  aqui va a venir algún texto largo


CSS:
body {
background: #fff;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
#contenedor {width:600px;margin:0 auto;}
#maqueta {border:1px solid red;}
#titulo {float:left}
#pIzq {float:left;border:1px solid 
#aa;height:100px;width:100px;background-color:#cc}
#pDer {float:right;border:1px solid 
#aa;height:100px;width:100px;background-color:#cc;}
.clear {clear:both}

En este ejemplo, tal como sale en Firefox es el resultado de prueba que quiero 
obtener en el IE.

¿Alguien sabe como centrarlo en ambos exploradores?.

Gracias.
 
___
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://ovillo.org/mailman/listinfo/ovillo