Hola a todos , bueno me estoy iniciando en esto de el CSS y estaba siguiendo algunas cosas de las preguntas frecuentes y va todo bien pero tengo un problema porque no logro centrar estos Div's , espero me puedan ayudar .
otra cosa mire en otros temas que decian cosas similares pero no me salio.
este es el html
Código:
<html>
<head>
<title>Prueba_estilo</title>
<link rel="stylesheet" href="estilo1.css" type="text/css" />
</head>
<body>
<div class="arriba" ></div>
<div class="izquierda"></div>
<div class="derecha" ></div>
</body>
</html>
y este es el CSS
Código:
body
{
background-color:black; /* color al fondo*/
}
.arriba
{
position:absolute;
width:650px; /*largo */
height:80px; /*alto*/
left:0px; /* tañado desde la izquierda*/
top:0px; /* tamaño desde arriba */
border:1px solid white; /* borde de 1px de ancho , solido , blanco */
background-color:#CCCCCC; /* color gris*/
}
.izquierda
{
position:absolute;
width:120px;
height:400px;
left:0px;
top:80px;
border:1px solid white;
background-color:#000066;
}
.derecha
{
position:absolute;
width:530px;
height:400px;
left:120px;
top:80px;
border:1px solid white;
background-color:#666666;
}