Imposible centrar elementos>-<

astut · #1 (**permalink**) 14/08/2007, 07:49

<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...

tunait · #2 (**permalink**) 14/08/2007, 07:51

E otro día se trató el tema en otro thread. Mira si te sirve esto http://www.forosdelweb.com/showpost....46&postcount=6

astut · #3 (**permalink**) 14/08/2007, 08:01

<!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?

DragonX · #4 (**permalink**) 14/08/2007, 09:31

Cita:

Iniciado por astut

<!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?

astut · #5 (**permalink**) 14/08/2007, 16:59

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..

tunait · #6 (**permalink**) 15/08/2007, 04:38

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?

DragonX · #7 (**permalink**) 15/08/2007, 07:19

Cita:

Iniciado por tunait

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

astut · #8 (**permalink**) 16/08/2007, 09:08

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

astut · #9 (**permalink**) 16/08/2007, 15:34

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

gracias

:.SMITEXX.: · #10 (**permalink**) 17/08/2007, 02:23

chevere poder ver los estilos...

astut · #11 (**permalink**) 17/08/2007, 03:34

Mensajes para ayudar..
Chevere >_>

Shade · #12 (**permalink**) 17/08/2007, 04:11

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;
}

astut · #13 (**permalink**) 18/08/2007, 09:35

lickybuay · #14 (**permalink**) 18/08/2007, 10:00

Esto podría ayudar?

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

a mi me lo centró.. salu2

astut · #15 (**permalink**) 18/08/2007, 12:36

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