Fijar divs

matucasal · #1 (**permalink**) 10/09/2009, 14:57

Esto ya lo postie varias veces, pero sigo fallando en fijar los divs en su lugar.
Ahora lo que pasa es que tengo un header, un footer y un contenido en el medio.
Quiero que la parte este siempre en el centro, pero cuando achico el explorador, este se tira para la izquierda en vez de quedarse en su lugar.
Aquie dejo mis codigos

Código:

body { text-align:center; }

Código:

#cuerpo{
	margin-top:20px;
	height:900px;
	width:1065px;
        margin:0 auto 0 auto;
	
	}

Cuerpo seria la parte del centro.
Me gustaria saber que tengop que agregarle para que quede siempre centrado.
Muchas gracias!

alexk · #2 (**permalink**) 10/09/2009, 19:11

text-align:center es solo para centrar el texto si asi lo quieres vale.. pero sino psss no veo sentido...

comprueba tener correctamente el
<!DOCTYPE html PUBLIC "

y para que este siempre centrado lo llevas bien pero lo puedes dejar a
margin:0 auto

PD: Te recomiendo un reset CSS

matucasal · #3 (**permalink**) 10/09/2009, 19:11

Al parecer viene complicada la mano, jeje
Pido a gritos jaja al menos una buena guia que me deje en claro esto.
Osea quiero que el header se ajuste al navegador, el footer tambien, y la parte del contenido se centre.
Muchas gracias saludos!

cristian_cena · #4 (**permalink**) 11/09/2009, 09:46

Hola matucasal:

Esta info le puede ser util

http://www.librosweb.es/referencia/css/text-align.html
http://www.librosweb.es/css/capitulo5.html

en cuanto al centrado, en este hilo tiro unos links:
http://www.forosdelweb.com/f53/centr...zontal-734749/

Saludos!

kseso? · #5 (**permalink**) 11/09/2009, 13:32

Cita:

Iniciado por matucasal

Al parecer viene complicada la mano, jeje
Pido a gritos jaja al menos una buena guia que me deje en claro esto.
Osea quiero que el header se ajuste al navegador, ¿en anchura?
el footer tambien, ¿en anchura también?
y la parte del contenido se centre. ¿centrado horizontal?
Muchas gracias saludos!

¿Algo así?

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" lang="es-es">
<head>
<title>Kseso? jugando con css</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin: 0; padding:0; outline: none; border: 0;}
body, html {
  background: #444;
  height:100%;
  width:100%;
}
#header {
  width: 100%;
  height: 100px;
  background: #FF6600;
  position: relative;
}
#cuerpo {
   height:900px;
   width:1065px;
  margin:0 auto;
  background: #3300FF;
  position: relative;
}
#footer {
  width:100%;
  height: 100px;
  background: #FF6600;
position: relative;
  }
</style>
</head>
<body>
<div id="header"></div>
<div id="cuerpo">
    <div id="contenido">
 
    </div>
</div>
<div id="footer"></div>
</body>
</html>

Un saludo