Buenas estoy maquetando una web solo con capas, y ya me ha surgido la primera duda.
Quiero que haga como si fuesen 3 td de una tabla algo asi:
http://img229.imageshack.us/img229/8800/good3dp.gif
la capa del centro es 100% de ancho y de alto no le he dado nada. A la de la izquierda le he dado float:left, lo hace bien. A la del medio nada y a la de la derecha float: right.
Y me sale esto:
http://img234.imageshack.us/img234/1439/bad8dz.gif
Que atributo me falta? Los float estan bien?
Thank
doy por hecho que tienes todos con float: left, seguramente el problma es que se desbordado el espacio que tienes, por eso te echa de la fila al último. Tienes que contar además del tamaño del div, el margin, y el tamaño del borde.
Voy a poner un ejemplo : P.
div (ancho 300)
-div1: ancho 100, borde 1
-div2: ahcho 100, borde 1
-div3: ancho 100, borde 1
// los 3 div float: left
-> aquí el último se desborda, en total los 3 div ocupan 300 + (3 * 2) // 3 bordes * 2 lados : P
yo usaría 3 divs completamente pegados sin bordes, y dentro los que tienen borde y margin ....