Buenas! vereis me han pedido centrar una web entera, pero nose por donde cojerle cacho, ya que el codigo no es mio y me parece casi todo a chino, entonces a ver si sabeis algun javascript o algo que centre todo sin mas o le de un margen a la izquierda
Graciasss!!
CSS is your friend:
body { margin: auto; ]
Si eso no tira prueba a meter toda la web en un div contenedor:
CSS:
content { margin: auto; }
Ex:
<div id="content">
WEB
</div>
Lo que te ha dicho #2 pero el div tiene q tener un width fijado, porq sino por mucho que centres el div, si tiene un ancho del 100% estamos en las mismas xD
ya lo he probado, el caso es que la web es esta http://www.guard-control.com/
y si veis esta como a la izquierda, y he probado eso que me habeis dicho con esto
body{
width:90%;
margin:auto;
min-width:600px;
max-width:2000px;
}
pero nada..
No hace falta, con un margin: auto; en el div debería de funcionar.
Edit: a ver, si la web que quieres centrar es http://www.guard-control.com/index1.htm, tienes valores css como "position:absolute; left:0px; top:0px;", con eso dudo que se centre en la vida, quita esos valores, y pon margin: auto; es decir, la cabecera sería:
<div id="cabecera" style="margin: auto; width:392px; height:80px; background-image:url(fondos/empresa1.jpg); layer-background-image:url(fondos/empresa1.jpg); border:1px none #000000; z-index:1; visibility: visible;"><img src="imagenes/top_new.gif" name="top" width="906" height="112" border="0" id="top"></div>
Yo metería todo el <body> (suponiendo que sea html) en una tabla de 1x1, la centras y santaspascuas.
Edit: Llamadlo chapuza o como os salga de ahí, pero seguro que soys de los que hacen "Helloworlds" de 200 líneas de código xD
A ver, la única y inquestionable solución, es meter TODA la web en un <div>. Existen otros tipos de diseño, pero hablamos de uno estático, dada su "inliquidez" comprobada.
Dicho div, debe tener la propiedad margin: 0 auto en su "style" o mediante CSS, como prefieras.
Esto te lo centrará para TODO menos para IE.
Por supuesto, dicho div debe tener un width fijo, por ejemplo, 950px.
Finalmente, para que quede centrada en IE, debes meter en el body text-align:center y en el div del que hablamos, un text-align:left.
Quedando todo finalmente así:
CSS:
body{
margin: 0; /propiedades para evitar margen blanco nativo en el body/
padding: 0; /3/4 de lo mismo, no las pongas si no quieres./
text-align: center;
}
#pollagorda{
margin: 0 auto;
text-align: left;
width: 950px;
}
HTML:
<html>
<head>
...
</head>
<body>
<div id="pollagorda">
toda la puta web!
</div>
</body>
</html>
Saludos.
PD: increíble que los haya que cobren leyendo las sandeces que se leen... :\