Re: [Ovillo] Layout a 3 columnas

Mon, 04 Jun 2012 12:41:13 -0700 

Marina, prueba con esto a ver si es la idea:


<!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=utf-8" />
<title>Anchos Fijo - Variable - Fijo</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
#contenedor {
float:left;
width: 100%;
height:400px;
}
#anchoVariable{
margin-left:200px;
margin-right:100px;
height:400px;
background-color:#DDD;
}
#sidebar1, #sidebar2{
float:left;
margin-left:-100%;
width:200px;
height:400px;
background-color:#CCC;
}
#sidebar2{
margin-left:-100px;
width:100px;
height:400px;
}
</style>
</head>

<body>
<div id="contenedor">
<div id="anchoVariable">
    </div>
</div>
<div id="sidebar1">
    </div>
<div id="sidebar2">
    </div>
</body>
</html>

Saludos a la lista!
Plácido Luna.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a