RecorteX - Recortes de código útiles.

Centrar un DIV con HTML+CSS para IE Y Mozilla Firefox

Para centrar de forma estandar en IE y Mozilla con DIVS y CSS

Solo tienen que crear un DIV con ID que quieran yo por ejemplo hice esto:

descargar 
<!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=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div id="main">Content for  id "centrar" Goes Here</div>
</body>
</html>

Y el CSS que usaremos sera este:

descargar
body {
	text-align: center;
}
#main {
	width: 780px;
	text-align: left;
	margin:0 auto;
	padding: 0px;
	text-align:left;
}

Y listo a partir de ello pueden empezar a crear sus locuras con HTML + CSS

por josuebasurto en Centrar con DIV Firefox HTMLCSS IE Mozilla para un Y | Comentarios (1)

Comentario de albin:

A mí me gusta más
body {
}
#main {
position: relative;
width : 780px;
margin : 0px auto;
padding: 0px;
}
porque el código no se desdice (primero un align, y luego otro).

Identifícate para dejar un comentario.

info@recortex.com - Proyecto: Juanjo Navarro, 2006 - Diseño: Albin - Información legal y técnica