Ayuda No Puedo Centrar Mi Pagina!!

Fabro1984 · #1 (**permalink**) 09/05/2010, 20:45

4545646546545456465456465

kyedesigns · #2 (**permalink**) 09/05/2010, 22:22

Hola

En el atributo CSS "body {}" debes de hacer un cambio.

Este es el que utilizas:

Cita:

body {
background-color: #333333;
margin-right: 800px;
}

Este seria el centrado:

Cita:

body {
background-color: #333333;
margin:0px;
padding:0px;
}

http://www.forosdelweb.com/f53/como-centrar-css-319844/

Saludos espero que ayude un poco :)

ipraetoriux · #3 (**permalink**) 10/05/2010, 04:08

Estimado, la otra opción es que pongas todo dentro de una capa contenedora...

Código HTML:

Ver original<html>
<head>
</head>
<body>
<div id="contenedor">
 
aca pones el contenido
 
</div>
</body>
</html>

luevo a la capa "contenedor" le pones los siguientes valores

Código CSS:

Ver original#contenedor {
position:absolute;
width:800px; --> aca pones el ancho de tu pagina
heigth:600px;--> aca pones el alto de tu pagina 
left:50&#37;;
margin-left:-400px;--> aca pones la mitad del ancho de tu pagina y con signo negativo 
}

Fabro1984 · #4 (**permalink**) 10/05/2010, 08:32

[B]Hola amigos les agradesco mucho por su ayuda!!

cassini · #5 (**permalink**) 10/05/2010, 13:01

podrias hacerlo así:

tu archivo css:

Código CSS:

Ver original#contenido {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
}

tu pagina principal:

Código HTML:

Ver original<body>
<div id="contenido">TODO TU CONTENIDO
</div>
</body>

ESPERO TE FUNCIONE
SALUDOS!!!

masterojitos · #6 (**permalink**) 10/05/2010, 13:22

Aqui aver prueba con esto:

1. #contenido {width: 800px; margin: 0px auto;}

2. <body><center>..........</center></body>

Suerte.

Fabro1984 · #7 (**permalink**) 10/05/2010, 17:10

Quiero borrar este tema

abimaelrc · #8 (**permalink**) 10/05/2010, 17:18

Tienes unas etiquetas colocadas donde no deben ir. En primer lugar no uses <center> es obsoleto. Para ello lo puedes hacer con CSS y necesitas indicar el DOCTYPE y luego con css centras. Te recomiendo que mires este ejemplo y construyas encima de él.

Código HTML:

Ver original<!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" xml:lang="es" lang="es-es"> 
<head> 
<title>Cajas centradas - Recursos CSS - araudi.net</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"> 
* {margin: 0; padding: 0;}
#contenedor{
    width: 960px;
    border: 1px solid #000;
    margin: 0 auto;
}
</style> 
</head> 
<body> 
<div id="contenedor"> 
 Esto es un contenedor centrado y el texto se muestra a la izquierda de ese contenedor
</div>          
</body> 
</html>

Existen diferentes tipo de doctype, te recomiendo que busques en internet para que tengas idea.

Fabro1984 · #9 (**permalink**) 10/05/2010, 17:50

gsfdgsdgdgdag

masterojitos · #10 (**permalink**) 10/05/2010, 18:02

danos el codigo completo...... si revisas tu post, el codigo que posteas no esta completo......
sino danos una url donde podamos acceder........

Conoces las herramientas web para desarrolladores..... por ejemplo Firebug..... es muy util para estos casos.....

Suerte.

abimaelrc · #11 (**permalink**) 10/05/2010, 18:16

Te recomiendo que leas algún manual para que aprendas a desenvolverte. http://librosweb.es/ Hacerte el trabajo no es educativo.

abimaelrc · #12 (**permalink**) 10/05/2010, 21:56

Ya se te oriento de que debes aprender, si quieres que alguien te haga el trabajo, crea un hilo en Ofertas de empleo. Pero no publiques muchos mensajes esperando que alguien te haga el trabajo. Si vienes al foro es para que te indiquemos que debes conocer para que puedas lograr tú proyecto. Lo único que vas a lograr con lo que estás haciendo es que te baneen la cuenta.

BloodShadow · #13 (**permalink**) 11/05/2010, 10:18

Fabro1984 sinceramente no lei ninguno de tus codigos, solo la pregunta asi que no se cual es tu problema en el codigo, xq sinceramente estas posteando muchos codigo solo para una pequeña pregunta.... ya vi muchas respuestas correctas que te tendrian que funcionar, y te pondre otra aca aunque no se si se repetira.

tu css:

Código HTML:

body { margin: 0px; padding: 0px; }

#content-site { width: 800px; margin: 0px auto; }

tu html

Código HTML:

<html>
<head><title></title></head>
<body>

<div id="content-site">
<h1> ACA TODO TU SITIO</h1>
</div>

</body>
</html>

Con esto te quedara centrado en cualquier tipo de resolucion de pantalla

webmetrics · #14 (**permalink**) 13/05/2010, 03:03

Cuando creas un div <> al darle un ancho por ejempplo de 920 px , si pones las propiedades margin-left y margin right en: auto; automaticamente se te centra.

Despues todo lo que coloques dentro de ese div aparecerá centrado.

Quizá lo mejor será que crees primero ese div contenedor y poco a poco ves insertando los demás ordenadamente. En cuanto se descuadre sabrás que estilo y que capa te está provocando el descuadre.

abimaelrc · #15 (**permalink**) 13/05/2010, 16:34

Entiendo que no es necesario indicar tanto margin-right y margin-left. Solo es necesario indicar un ancho al div, el DOCTYPE y con

Código CSS:

Ver originalmargin: 0 auto;