Foros del Web » Creando para Internet » CSS »

Imposible centrar elementos>-<

Estas en el tema de Imposible centrar elementos>-< en el foro de CSS en Foros del Web. <span> o <div> o <p> Que se centre pero no lo consigo dentro de otro div, ni poniengo margin: auto ni margin: 0 auto ni ...
  #1 (permalink)  
Antiguo 14/08/2007, 08:49
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Imposible centrar elementos>-<

<span> o <div> o <p> Que se centre pero no lo consigo dentro de otro div, ni poniengo margin: auto ni margin: 0 auto ni margin-left: 50% ni ninguno de estos, nisiquiera poniendo width: 100% text-align: center

¿Porque?, saludos!
Luego resulta que el <p style="width: 100%; text-align: center;"></p> funciona en iexplore y en opera pero no en firefox...
  #2 (permalink)  
Antiguo 14/08/2007, 08:51
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: Imposible centrar elementos>-<

E otro día se trató el tema en otro thread. Mira si te sirve esto http://www.forosdelweb.com/showpost....46&postcount=6
  #3 (permalink)  
Antiguo 14/08/2007, 09:01
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Re: Imposible centrar elementos>-<

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Hay la tienes, y en 1 linea del codigo...

¿que mas puede aver mal?
  #4 (permalink)  
Antiguo 14/08/2007, 10:31
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Imposible centrar elementos>-<

Cita:
Iniciado por astut Ver Mensaje
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
sin embargo te sigue sin funcionar?
  #5 (permalink)  
Antiguo 14/08/2007, 17:59
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Re: Imposible centrar elementos>-<

Exacto..
pero antes de este doctype hay codigo php, este no genera codigo html solo hace unas cosas con cookies y listo, ¿puede ser eso?
Aunque tambien probe poniendo el doctype el primero y nada (no lo deje asi porque me genera error los headers que uso despues en el php)

saludos..
  #6 (permalink)  
Antiguo 15/08/2007, 05:38
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: Imposible centrar elementos>-<

Tal vez sería conveniente poder ver el código completo a ver qué puede estar interfiriendo ¿se puede ver en marcha en algún lado?
  #7 (permalink)  
Antiguo 15/08/2007, 08:19
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Imposible centrar elementos>-<

Cita:
Iniciado por tunait Ver Mensaje
Tal vez sería conveniente poder ver el código completo a ver qué puede estar interfiriendo ¿se puede ver en marcha en algún lado?
eso sería lo óptimo
  #8 (permalink)  
Antiguo 16/08/2007, 10:08
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Contenedor o texto en este que no se centra

Hola a todos, pues no consigo centrar el elemento "<noscript>" de todas formas no consigo centrar ni <p> ni <div> ni <span>, noscript tiene como estylo css:
Código:
margin: 0 auto; text-align: center; border: 1px dashed #FFFFFF;
Y aqui ven el resultado:

Aqui el codigo de la pagina hasta llegar a este elemento problematico:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
  <head>
		<title>Imperiado [Portal] :: Gestiona tu propio imperio y hazlo crecer</title>
		<?php
			include("../metatags.php"); //Metatags
			//Configuracion del estilo de pagina
			include("../conexion.php");
			if (isset($_COOKIE["juego_jugador_id"]))
			{
				$datos_estilo= mysql_query("SELECT * FROM usuario INNER JOIN estilo ON usuario.cfg_estilo= estilo.id
																		WHERE usuario.id= '".$_COOKIE["juego_jugador_id"]."'");
				$estilo= mysql_fetch_array($datos_estilo);
				echo "<link type='text/css' rel='stylesheet' href='../~Estilos/".$estilo["nombre"].".css'/>";
				$logo= $estilo["nombre"];
			}
			else
			{
				echo "<link type='text/css' rel='stylesheet' href='../~Estilos/defecto.css'/>";
				$logo= "defecto";
			}
		?>
  </head>
	
  <body>
	
	 <!--Div contenedor-->
   <div id="contenedor">
	 	 <!--Mensaje para usuarios que tienen javascript desactivado-->
	   <noscript>
	 	   Debes tener javascript activado para que el juego funcione correctamente
	   </noscript> 
¿Que puede haber mal?, saludos
  #9 (permalink)  
Antiguo 16/08/2007, 16:34
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Re: Contenedor o texto en este que no se centra

Hola!, ¿alguien tiene alguna idea de lo que sucede?

gracias
  #10 (permalink)  
Antiguo 17/08/2007, 03:23
 
Fecha de Ingreso: noviembre-2002
Ubicación: Cerca de todo, lejos de la nada.
Mensajes: 82
Antigüedad: 15 años, 1 mes
Puntos: 0
Re: Contenedor o texto en este que no se centra

chevere poder ver los estilos...
  #11 (permalink)  
Antiguo 17/08/2007, 04:34
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Re: Contenedor o texto en este que no se centra

Mensajes para ayudar..
Chevere >_>
  #12 (permalink)  
Antiguo 17/08/2007, 05:11
Avatar de Shade  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 11 años, 1 mes
Puntos: 1
Re: Contenedor o texto en este que no se centra

Si no me equivoco Smitexx se referia a que estaría bien poder ver los style que tienes definidos...

Bueno. Haz asi:

Código:
<div class="centrado">
    <noscript>
    </noscript>
</div>
Y el style:

Código:
.centrado {
text-align:center;
}
  #13 (permalink)  
Antiguo 18/08/2007, 10:35
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Re: Imposible centrar elementos>-<

<noscript> es un elemento bloque, es decir, ocupa todo el espacio que puede, asi que el text-align deberia estar dentro de este pero no funciona..
  #14 (permalink)  
Antiguo 18/08/2007, 11:00
 
Fecha de Ingreso: noviembre-2003
Ubicación: Asuncion
Mensajes: 76
Antigüedad: 14 años, 1 mes
Puntos: 1
Re: Imposible centrar elementos>-<

Esto podría ayudar?

<div style="width:200px;" align="center">
<noscript>Texto Prueba</noscript>
</div>

a mi me lo centró.. salu2
  #15 (permalink)  
Antiguo 18/08/2007, 13:36
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Re: Imposible centrar elementos>-<

Center no es una propiedad aceptada en la w3c no deberias usarlo y menos yo...

Última edición por astut; 18/08/2007 a las 18:29
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 07:49.