margen en capas flotantes

zombiemanchego · #1 (**permalink**) 25/04/2007, 04:10

hola, soy nuevo en esto de las capas css, mi problema es que dentro de un div contenedor de 900px creo una capa flotante a izquierda de 800px, y otra que creo q por lógica ha de ser de 100px y que debería colocarse a derecha sin margenes. El problema es que no me permite darle 100px de width y entre una capa y otra siempre aparece un pequeño margen que no se como eliminar,,, deseo poner capas que encajen justo en el tamaño del contenedor sin espacios entre si,, como lo hago??, gracias. Ahi va el codigo:

CSS(dentro del mismo html):
<style>
#contenedor{
width:900px;
height:900px;
margin:auto;
border: thin solid #CCCCCC;
}
#col_izq{
width:800px;
height:200px;
background-color:#CCCCCC;
float:left;
clear: right;
}
#col_der{
width:55px;
height:200px;
background-color:#CC0000;
}
</style>

---- html:
<body>
<div id="contenedor">
<div id="col_izq">
</div>
<div id="col_der">
</div>
</div>
</body>

floren · #2 (**permalink**) 25/04/2007, 06:29

Código HTML:

*{
	margin: 0;
}

#contenedor{
width:900px;
height:900px;
margin: auto;
background-color:#666666;
}
#col_izq{
float:left;
width:800px;
height:200px;
background-color:#CCCCCC;
}

#col_der{
float:left;
height:200px;
width: 100px;
background-color:#000000;
}

He quitado algunas cosillas y he puesto otras. Básicamente un margin:0; para todo el documento, he flotado las dos capas a la izquierda, y he quitado un clear que no sé muy bien para qué lo usabas.

Espero te sirva.

zombiemanchego · #3 (**permalink**) 30/04/2007, 17:30

ok hecho!, lo he estado probando, y he visto q lo principal que lo hacia rular era que has convertido la columna derecha en flotante a izquierda,, para que se pegue a la col_izq supongo?

gracias!