La propiedad float en IE da un margen como lo quito

stephen · #1 (**permalink**) 11/01/2006, 19:17

Sigo con el lio para terminar la maquetación de un sistema, ahora me enfrento a esto:

Tengo dos columnas con capas una tiene la propiedad float:left y la otra un margin-left para dar la maquetación de columnas verticales, en FF y Opera funciona bien pero en IE6 la propieda float me da un margen entre las dos capas que no deseo.

Quien conoce el hack para quitar este margen? o que me falta agregar a las CSS

Aqui va el código

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Columnas verticales</title>
<style type="text/css">
<!--
html, body {
height: 100%;
}
#seccionA {
background-color: #FFCC99;
float: left;
height: 100%;
width: 300px;
margin: 0px;
padding: 0px;
}
#seccionB {
background-color: #999966;
height: 100%;
margin-left: 300px;
padding: 0px;
}
body {
margin: 0px;
padding: 0px;
}
-->
</style>
</head>
<body>
<div id="seccionA">Parte a</div>
<div id="seccionB">Parte b</div>
</body>
</html>

Desde ya gracias

llevo todo el día intentando resolverlo pero no se me da.

jesusbet · #2 (**permalink**) 11/01/2006, 20:05

al elemento con el float agregale la propiedad display:inline;

checa:
#seccionA {
background-color: #FFCC99;
float: left;
height: 100%;
width: 300px;
margin: 0px;
padding: 0px;
display: inline;
}

Es un bug de internet explorer con los elementos flotados