Comunidad de diseño web y desarrollo en internet online

No consigo centrar DIV en firefox

Citar            
MensajeEscrito el 23 May 2007 07:37 am
Buenas foreros
Es la primera vez que utilizo este foro, no así el de flash y PHP...

Antes trabajaba con tablas y ahora empiezo a trabajar con DIVs y el problema está en el centrado del DIV contenedor:
En IE se me centra bien pero en firefox no. :oops:
El DIV que hace de contenedor se llama "bloque".
Este es el código CSS para el DIV con id="bloque".

Código :

#bloque {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #333333;
   text-align: center;
   width: 100%;
}

Me imagino que será una tontería pero por más vueltas que le doy no encuentro la solución..

Gracias
Un saludo

Por perillan

100 de clabLevel



Genero:Masculino  

La Mancha profunda....

firefox
Citar            
MensajeEscrito el 23 May 2007 09:01 am
Solucionado :cool:

Ya dije que estaba empezando a maquetar con CSSS... y he averiguado que para centrar un DIV en firefox éste debe de tener un ancho en pixel porque si lo pones en porcentaje no te lo centra.

Gracias de todas formas

Por perillan

100 de clabLevel



Genero:Masculino  

La Mancha profunda....

firefox
Citar            
MensajeEscrito el 23 May 2007 12:13 pm
de todos modos tambien le puedes aplicar este estilo.

margin: auto;

Por sergiosx1

82 de clabLevel



 

firefox
Citar            
MensajeEscrito el 23 May 2007 12:21 pm
gracias sergiosx1, también lo he visto.

Por perillan

100 de clabLevel



Genero:Masculino  

La Mancha profunda....

msie
Citar            
MensajeEscrito el 23 May 2007 02:51 pm
Normalmente algunos utilizamos para centrar el div principal algo así:

Código :

body { text-align:center; }

#bloque { margin: 0 auto; }

Por Reymond

Claber

1111 de clabLevel

5 tutoriales
1 articulo

Genero:Masculino  

Mobile developer

firefox
Citar            
MensajeEscrito el 24 May 2007 12:53 am
uh, no usen text-align dado que no es para eso.

al elemento que se le asigna el margin también hay que asignarle un width pues sólo con eso no se va a centrar el elemento.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 24 May 2007 10:59 pm
Ok, olvide lo del width, eso es cierto, si no el div aparecería vacio.

¿Funciona bien para IE sin usar text-align?.

Siempre viene bien aprender algo nuevo.

Por Reymond

Claber

1111 de clabLevel

5 tutoriales
1 articulo

Genero:Masculino  

Mobile developer

firefox
Citar            
MensajeEscrito el 24 May 2007 11:03 pm
yup, funciona siempre y cuando no esté en quirksmode

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.