Tengo un div cabeza, y dentro del cabeza hay dos columnas( class dos-columns ) y abajo una imagen de fondo . En el firefox esta perfecto, pero en el IExplorer la columna de la izquierda ocupa mas lugar de height del que yo le puse (100px).
AL principio pense q era la imagen que puse de fondo en la columna izquierda, pero esta tambien media 100px, asi que nose cual puede ser el problema, porque en la columna derecha, que tiene todo igual que la izquierda excepto el float:right no hay ningun problema.
Codigos:
Código HTML:
#cabeza{ height:450px; width:100%; background-image:url("images/fondoheader.png"); } #cabeza .dos-columns { clear: both; } #cabeza .dos-columns #columnaizqcabeza, .dos-columns #columnadercabeza { width: 375px; height: 100px; margin: 0.3px; } #cabeza .dos-columns #columnaizqcabeza { float: left; padding: 0; width:350px; background-image:url("images/titulo.jpg"); height:100px; } #cabeza .dos-columns #columnadercabeza { float: right; padding: 0; width:55%; background-image:url("images/fondoheader.png"); text-align: center; } #cabeza .foto{ height:350px; width:100%; background-image:url("images/caribe.jpg"); position: absolute; top:100px; bottom:0; }
Gracias y disculpas por las molestias.