Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/01/2007, 13:19
falonpla
 
Fecha de Ingreso: mayo-2006
Mensajes: 124
Antigüedad: 18 años
Puntos: 0
Capas con float

Estoy con mi primera página hecha con capas y css, me ha salido mejor de lo que esperaba, pero tengo un problema, pego el código para que me ayudeis:

XHTML:

<body>
<div id="envoltorio">
<div id="cabecera">
</div>
<div id="botonera">
</div>
<div id="contenedor">
<div id=izda>
</div>
<div id=decha>
</div>
<div id=centro>
</div>
</div>
<div id="pie">
<p>pie de pagina</p>
</div>
</div>
</body>

CSS:

body {background-color:#FFCC66; text-align:center; margin:0px}

img {border:none;}

#envoltorio {width:756px; margin:0px auto; border-left:5px solid #000000; border-right:5px solid #000000; background-color:#FFFFFF;}

#cabecera {width:756px; height:157px; background-image:url(fondocab.png)}

#botonera {width:756px; height:56px;}

#contenedor{width:756px; margin:0px auto; background-color:#FFFFFF}

#izda{width:189; height:500px; float:left; background-color:#CCCCCC}

#decha{width:180; height:500px; float:right; background-color:#CCCCCC}

#centro{margin-left:189px; margin-right:180px; height:500px}

#pie {clear:both; text-align:center}


El problema lo tengo con las capas "izda" y "dcha", que no se me visualizan, abro el archivo en dreamweaver para ver donde han ido las capas y se han convertido en dos barritas sin ancho, cada una en su margen respectivo, la capa "centro" aparece posicionada correctamente. Decirme que hago mal por favor, lo puse así tomando otra página como ejemplo, en la que se ve correctamente. Gracias.