Foros del Web » Creando para Internet » CSS »

Div no se centra en Firefox

Estas en el tema de Div no se centra en Firefox en el foro de CSS en Foros del Web. Hola, resulta que tengo un div que en un footer, que va perfecto en Chrome y Safari, pero no en Firefox. HTML: Código: <div id="footer"> ...
  #1 (permalink)  
Antiguo 11/05/2011, 07:11
 
Fecha de Ingreso: octubre-2009
Mensajes: 15
Antigüedad: 8 años, 1 mes
Puntos: 0
Pregunta Div no se centra en Firefox

Hola, resulta que tengo un div que en un footer, que va perfecto en Chrome y Safari, pero no en Firefox.

HTML:

Código:
<div id="footer"> <!-- HTML5 footer tag -->


	<section id="fcolumns">
		<section id="followus">
		     <h3 class="white">siguenos en</h3>
		     
		    
		    	 <a href="#">
		    	 	<img class="imalo" src="<?php bloginfo('template_directory'); ?>/images/icons/Facebook.png">
				</a>
				
				<a href="#">
		    	 	<img class="imalo" src="<?php bloginfo('template_directory'); ?>/images/icons/Twitter.png">
				</a>
				<a href="#">
		    	 	<img class="imalo" src="<?php bloginfo('template_directory'); ?>/images/icons/Linkedin.png">
				</a>
				<a href="#">
		    	 	<img class="imalo" src="<?php bloginfo('template_directory'); ?>/images/icons/RSS.png">
				</a>
				

		</section>
		<section id="archive">
			<h3 class="white">Archivo</h3>
			<ul class="archive">
				<?php wp_get_archives('title_li'); ?> 
			</ul>

		</section>
		
		<section id="aboutus">
			<h3 class="white">About us</h3>
			<ul class="aboutus">
				<?php wp_list_pages('orderby=name&title_li'); ?>
			</ul>


		</section>

	</section>
    	

</div>
Y el CSS es este:

Código:
#footer{ 
padding: 0;
height:190px;
margin-top: 150px; 
background-image: -webkit-gradient(
    linear,
    left bottom,
    right bottom,
    color-stop(0, #274A51),
    color-stop(0.5, #40654D),
    color-stop(1, #274A51)
);
background-image: -moz-linear-gradient(
    left center,
    #274A51 0%,
    #40654D 50%,
    #274A51 100%
);

}


#fcolumns {
width: 800px;
margin: 0 auto !!important;
height: 175px;
padding: 0px;
clear: left;
border: 1px solid white;
}

#followus {
width: 210px;
float: left;
}

#followus img{
margin-left: 10px;
margin-top: 6px;
}

#archive {
width: 230px;
margin-left: 50px;
float: left;
}

#aboutus {
width: 205px;
margin-left: 50px;
float: left;
}
Alguna idea? Porque creo que lo he intentado todo :(

Muchisimas gracias de antemano.
  #2 (permalink)  
Antiguo 11/05/2011, 07:14
Avatar de PedroDesing  
Fecha de Ingreso: octubre-2007
Ubicación: Barcelona, España
Mensajes: 202
Antigüedad: 10 años, 1 mes
Puntos: 18
Respuesta: Div no se centra en Firefox

ponerle el ya clásico margin:0 auto?

Es que no se dentro de que que esta. Directamente del body? o de algun tipo de div contenedor???
__________________
pedrorodas.com próximamente! Permanezcan atentos
  #3 (permalink)  
Antiguo 11/05/2011, 07:20
 
Fecha de Ingreso: octubre-2009
Mensajes: 15
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Div no se centra en Firefox

Si, he intentado con eso, pero nada.

Ah y claro, que se me ha olvidado. Lo que quiero centrar es #fcolumns dentro del footer, a su vez fcolumns, tiene los demas divs dentro de él. Que sospecho que es lo que hace que fcolumns tambien flote a la izquierda :(
  #4 (permalink)  
Antiguo 11/05/2011, 08:19
Avatar de PedroDesing  
Fecha de Ingreso: octubre-2007
Ubicación: Barcelona, España
Mensajes: 202
Antigüedad: 10 años, 1 mes
Puntos: 18
Respuesta: Div no se centra en Firefox

Lo has mirado con firebug?

Lo mas probable es que el contenedor no mida lo que tiene q medir o algo asi.
__________________
pedrorodas.com próximamente! Permanezcan atentos
  #5 (permalink)  
Antiguo 11/05/2011, 09:11
 
Fecha de Ingreso: octubre-2009
Mensajes: 15
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Div no se centra en Firefox

Si, en el firebug me sale todo correcto. Muy raro todo :/
  #6 (permalink)  
Antiguo 11/05/2011, 13:48
Avatar de catska  
Fecha de Ingreso: agosto-2009
Mensajes: 20
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Div no se centra en Firefox

tal vez

margin-left: auto
margin-right: auto

a mi me ha sucedido lo mismo, y aunque por logica no deberia suceder, lo resuelvo de esta manera
  #7 (permalink)  
Antiguo 11/05/2011, 17:18
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Respuesta: Div no se centra en Firefox

position:relative en footer?
Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #8 (permalink)  
Antiguo 11/05/2011, 18:30
(Desactivado)
 
Fecha de Ingreso: abril-2011
Mensajes: 153
Antigüedad: 6 años, 7 meses
Puntos: 236
Respuesta: Div no se centra en Firefox

Hola!,
Mira aquí tienes un error:

Código CSS:
Ver original
  1. #fcolumns {
  2. width: 800px;
  3. margin: 0 auto !!important; // quita !!important por eso no funciona

Aunque no estoy seguro si lo pusiste para que vieramos o si en realidad fué un fallo, hehe.

Otra cosa, prueba definiendo un doctype, usa éste:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">

Vá antes de la etiqueta <html>.

Saludos.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:33.