Weblogs Código

RecorteX

» Centrar
73 usuarios y 244 recortes de código
Usuario

Contraseña
Crear cuenta
Estás viendo los recortes de la etiqueta Centrar

RSS
Recortes: 2

Etiquetas relacionadas:
HTMLCSS
vertical
css
IE
Y
DIV
Mozilla
Firefox
para
horizontal
un
con

Centrando horizontal y vertical un DIV (css+html)

Esto es de una manera RUDA, creo que hay una manera mas amable.
 
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #517EA8;
	background-color: #BCCFE0;
	text-align: center;
	min-width: 780px;
}
#wrapper {
	width:780px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin:-235px auto auto -390px; 
	border:0px solid black; 
	text-align:center;
}
 

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:
 
<!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:

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
Proyecto: Juanjo Navarro, 2006 - Diseño: Albin