Necesito un código para centrar el contenido de mi web

castrorodriguez · #1 (**permalink**) 28/09/2012, 11:07

Hola a todos,
Desde hace unos días estoy intentando centrar el contenido de mi web para que quede centrado ante diferentes resoluciones y no me quede todo a la izquierda de la pantalla.
Me gustaría si me podéis ayudar, que me digáis algún código que tenga que meter imagino en el body para que quede centrado y si puede ser sin utilizar Hojas de estilo ya que no sé usarlas.
Encontré éste pero no me funciona para IE

<body style="bgcolor="#ffffff" >
<div style="width: 990px;position: relative;margin-top: 0px;margin-left: auto;margin-right: auto;">
.......
</div>

Gracias

castrorodriguez · #2 (**permalink**) 28/09/2012, 13:07

Si se puede realizar con CSS os agradecería que me explicaseis como se hace dentro del código HTML porque nunca he utilizado hojas de estilos.
Gracias

RBZ · #3 (**permalink**) 28/09/2012, 16:46

Las hojas de estilo es, como su nombre indica, páginas donde agrupas los estilos. En cualquier caso, aunque sea con html, el resto del código de la página afecta a que se quede centrada o no.

Muevo el tema al foro de html.

flashmax · #4 (**permalink**) 28/09/2012, 17:20

hola lo que tienes que hacer es centrar en div contenedor te dejo un ejemplo:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
.contenedor{
margin:0 auto;
border:3px solid #000;
background-color: #eee;
text-align:center;
max-width:900px;
min-width:700px;
}
</style>
</head>

<div class="contenedor">todo el contenido aqui</div>

</body>
</html>

castrorodriguez · #5 (**permalink**) 29/09/2012, 05:44

Gracias FlashMax, ya te dije que soy casi principiante en esto.
Lo de la definición de la hoja en el head perfecto, pero la otra parte imagino que es dentro del body, en mi caso sería así no?

<div class="contenedor">

<body style="bgcolor="#ffffff" >
<div style="width: 990px;position: relative;margin-top: 0px;margin-left: auto;margin-right: auto;">
.
.
.
<div>
Es que creo que no funciona, si eres tan amable de echarle un vistazo a mi código fuente, te estaría muy agradecido, la web es la de la firma
Saludos

castrorodriguez · #6 (**permalink**) 29/09/2012, 10:31

Flash, creo que he conseguido centrarlo, pero ahora me aparece la página dentro de un marco, pero el lateral derecho de ese marco no coincide con el ancho de la web, me la parte transversalmente de arriba a abajo por el margen de la derecha

flashmax · #7 (**permalink**) 29/09/2012, 11:37

empecemos por esto, si quieres centrar un div seria así : esto es lo que te lo centra automáticamente margin: 0 auto;

Código HTML:

<div style="width: 990px; margin: 0 auto;">contenido aqui</div>

prueba y me cuentas! saludos

castrorodriguez · #8 (**permalink**) 29/09/2012, 13:59

Gracias FlashMax, ahora me ha centrado perfectamente, eres un crack
Saludos