ayuda con Diseño a 3 columnas

albertrc · #1 (**permalink**) 08/12/2009, 14:48

quiero separar el div derecho del central con los floats se puede

<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="css/estilos.css" />
</head>
<body>

<div id="contenedor">
<div id="contenido">
<div id="derecha">
derecha
</div>

<div id="central">
central
</div>

<div id="izquierda">
izquierda
</div>
</div>
</div>

</body>
</html>

#contenedor
{

width: 90%;
margin: 0 auto;
max-width: 900px;
}

#contenido, #contenido #derecha, #contenido #central, #contenido #izquierda
{
border: 2px solid #777;
}

#contenido
{
float: left;
width: 100%;
}
#contenido #derecha
{
float: left;
width: 19%;
}
#contenido #izquierda
{
float: right;
width: 19%;
}

#contenido #central
{
float: left;
width: 60%;
}

armandoweb · #2 (**permalink**) 08/12/2009, 15:41

Hola:

Puedes separar los divs con margin también.

Saludos.

Impostor · #3 (**permalink**) 08/12/2009, 15:55

Tal y comenta armandoweb, solo debes dar un margen derecho a la columna izquierda para que se separe

Código:

#contenido #derecha
{
float: left;
width: 19%;
margin-right:5px;
}