Foros del Web » Creando para Internet » CSS »

ayuda con Diseño a 3 columnas

Estas en el tema de ayuda con Diseño a 3 columnas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/12/2009, 14:48
 
Fecha de Ingreso: febrero-2009
Mensajes: 443
Antigüedad: 8 años, 10 meses
Puntos: 1
ayuda con Diseño a 3 columnas

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%;
}
  #2 (permalink)  
Antiguo 08/12/2009, 15:41
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 14 años, 10 meses
Puntos: 7
Respuesta: ayuda con Diseño a 3 columnas

Hola:

Puedes separar los divs con margin también.

Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
  #3 (permalink)  
Antiguo 08/12/2009, 15:55
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: ayuda con Diseño a 3 columnas

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;
}
__________________
Revisa las FAQ's antes de disparar.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:14.