Cordial saludo a la comunidad Foros del Web,
como verán soy nuevo, pero a la vez con entusiasmo por aprender.
Comparto aquí con ustedes una inquietud que tengo al intentar dividir una web en tres columnas, de manera muy chapuza (novato claro
) hago esto:
Código HTML:
<body>
<div id="cuerpo">
<div id="izquierda">
Contenido del lado izquierdo
</div>
<div id="centro">
Contenido del centro
</div>
<div id="derecha">
Contenido del lado derecho
</div>
</div>
</body>
Y en el archivo CSS lo siguiente:
Código HTML:
#cuerpo
{
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
position: relative;
}
#izquierda
{
padding: 0px;
margin: 0px;
width: 291px;
height: 100%;
background-color: #d0cece;
float: left;
}
#centro
{
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
background-color: #ffffff;
}
#derecha
{
padding: 0px;
margin: 0px;
width: 230px;
height: 100%;
background-color: #d0cece;
float: right;
}
Entiendo que tengo errores allí, pero no relaciono la causa, por lo que no se muestra la web como deseo, espero me puedan orientar.
Saludos!