Stephen,
************************************************************************
************************************************************************
********
<!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>Documento sin título</title> <style type="text/css">
<!--
html, body {
height: 100%;
}
#contenedor {
width:600px;
height:100%;
}
#seccionA {
background-color: #FFCC99;
float: left;
height: 100%;
width: 300px;
margin: 0px;
padding: 0px;
}
#seccionB {
width:300px;
height: 100%;
padding:0px;
float:left;
background-color:#999966;
}
body {
margin: 0px;
padding: 0px;
}
-->
</style>
</head>
<body>
<div id="contenedor">
<div id="seccionA">Parte a</div>
<div id="seccionB">Parte b</div>
</div>
</body>
</html>
************************************************************************
****
Saludos!!
Dani
-----Mensaje original-----
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Stephen G. Garibay
Enviado el: jueves, 12 de enero de 2006 2:22
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Propiedad float en un div en IE da un margen como lo
quito
Tengo un lio para terminar la maquetación de un sistema, 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
*******
<!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>Documento sin título</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.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
