Tengo 2 flotadores: div izquierdo, el primero es fijo y quiero que el segundo div se extienda el espacio restante.¿Estirar el ancho del ancho del flotador derecho?
<div id="container">
<div id="leftform"> </div>
<div id="rightform"> </div>
</div>
¿Alguna idea? Gracias
En CSS2:
#container {display:table; table-layout:fixed;}
#leftform, #rightform {display:table-cell;}
#leftform {width:100px;}
En el mundo de la IE hacks:
#container {padding-left:100px;}
#leftform {float:left; width:100px; margin-left:-100px;}
utilizar una función javascript para hacer que tanto la misma altura.
//fixing column height problem using Prototype
Event.observe(window,"load",function(){
if(parseInt($('leftform').getStyle('height')) > parseInt($('rightform').getStyle('height')))
$('rightform').setStyle({'height' : parseInt($('leftform').getStyle('height'))+'px'});
else
$('leftform').setStyle({'height' : parseInt($('rightform').getStyle('height'))+'px'});
});//observe
mismo problema here.
La versión de IE hacks es la forma habitual de hacerlo en cualquier navegador. El uso de 'tabla-celda' directamente dentro de 'tabla' sin 'tabla-fila' no está definido, incluso si la tabla soportada por el navegador muestra valores. – bobince
@bobince: estás equivocado. CSS requiere la generación automática de elementos faltantes de la tabla anónima. Está especificado y funciona de manera confiable: http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes – Kornel