No trabajar con tablas en la estructuración de una web es un paso importante cuando se quiere
<div id="contenedor">
<div id="lateral">
<p>Aquí ira el contenido alineado a la izquierda</p>
</div>
<div id="principal">
<p>Aquí ira el contenido principal a lado del contenido o menú lateral</p>
</div>
</div>
Como viste existen 3 etiquetas que serviran para:
- Contenedor – Determina el espacio de trabajo total.
- Lateral – Ancho del lateral y su ubicación.
- Principal – Ancho del contenido.
La propiedades que debén tener son:
#contenedor{
text-align: left;
width: 750px;
margin: auto;}
#lateral{
width: 180px; /*Este será el ancho que tendrá tu columna*/
background-color: #CCCCCC; /*Aquí pon el color del fondo que quieras para este lateral*/
float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}
#principal{
margin-left:190px; /*Este margen hace que no se encime el contenido en tu menúlateral, es importante que pongas un pocos pixeles más que el ancho de tu columna lateral*/
background-color: #FFFFFF;
border:#000000 1px solid; /*ponemos un dorde para que se vea bonito*/
}
thanks
lo haces ver tan simple. Que uno no deberia evitar el agradecerte
thanks Very god
thanks
saolasın kardaş
Perfecto sirvio de gran ayuda
Es incrieble que con codigo o en este caso estilos y layout basicos se puedan hacer cosas sorprendentes, con un poco de creatividad y empeño se arma a toa´ con la web que uno desee crear
Y gracias por el Aporte me saco de algunas dudas
Fo que facil!!! gracias ahora lo voy a probar! gracias gracias
excelente con este ejemplo ya concrete
Perfecto sirvio de gran ayuda
Muchas gracias por la ayuda me sera muy util.
Excelente es lo que buscaba y bien claro. Gracias