Cita:
Iniciado por safe Solo tienes dos opciones:
1- hacer que las columnas tengan un ancho porcentual del ancho de la pagina (width:25%;)
2- darle un ancho fijo a la columna que contiene las 4 columnas:
<div style="width:800px;">
<div style="width:200px;"></div>
<div style="width:200px;"></div>
<div style="width:200px;"></div>
<div style="width:200px;"></div>
</div>
Es que de hecho no hize ninguna columna que contenga las cuatro columnas. Todos los divs estan sobre la pagina. Por que no se como poner un div dentro de otro div. No se si es fisicamente posible. Mira este es mi codigo:
Puedes ver el encabezado, separador.(los de ancho 100% no especificado). Debajo de ellos las 3 columnas(columnaizq, bienvenio y contenedor) y un espacio vacio por que no llenan el 100% de ancho de la pagina. Abajo quiero pienso poner el pie con separadores como mi contenedor para situarlo justo abajo de mi contenedor y darle un ancho igual que mi contenedor. Quedara abajito y del mismo ancho, s solo texto y es un menu horizontal senciillo.
<body>
<div id="encabezado"><img src="OXIGENO-Encabezado.gif" width="323" height="160" /></div>
<div id="separador" style="height: 10px"></div>
<div id="columnaizq" style="width: 20%; float:left; height: 400px;"></div>
<div id="Bienvenido" style="float:left; width: 100px; height: 400px;"><img src="Bienvenido.gif" width="100" height="400" /></div>
<div id="contenedor" style="float:left; width: 600px; height:400px; background-color: #FF2222; border-left: 1px dashed #EC0000; border-right: 1px dashed #EC0000; clear:right">
Colocar aquí el contenido de la nueva etiqueta Div</div>
</body>