Hola, trabajando en el diseño de sitios con tablas tediosas me he dedicado a investigar por la web y me he dado cuenta del uso de css, NO MAS TABLAS!!!
Desarrollando una web en este momento me he dado cuenta de que IE 6 es un problema para los css, ya que admite opciones de li y ul, los he comprobado tratando de hacer un multimenu y como no se JS no pude hacer funcionar en IE 6. Ahora me encontre con un problema tambien con imagenes, márgenes y paddings y no puedo solucionar esto en IE 6, he buscado y probado pero no...no hay caso para mi.
Pueden darme una mano? Please!!
Gracias.
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=utf-8" />
<title>RealState Argentina</title>
<style>
body{
background-color:#006699;
font:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}
#cabecera{
width:950px;
height:159px;
background-image:url(img/cabecera.jpg);
background-repeat:no-repeat;
margin:auto;
padding:0;
}
#botonera{
width:950px;
height:51px;
margin:auto;
padding:0;
}
#boton1{
width:245px;
height:51px;
background-image:url(img/inicio1.jpg);
background-repeat:no-repeat;
margin:0;
float:left;
padding:0;
}
#boton2{
width:221px;
height:51px;
background-image:url(img/propiedades1.jpg);
background-repeat:no-repeat;
margin:auto 245px;
padding:0;
}
#boton3{
width:137px;
height:51px;
background-image:url(img/arquitectura1.jpg);
background-repeat:no-repeat;
margin:-51px 466px;
}
#boton4{
width:130px;
height:51px;
background-image:url(img/trasaciones1.jpg);
background-repeat:no-repeat;
margin:-51px 603px;
}
#boton5{
width:217px;
height:51px;
background-image:url(img/contacto1.jpg);
background-repeat:no-repeat;
margin:-51px 733px;
}
#contenedor{
width:950px;
margin:auto;
}
#cuerpo{
width:950px;
height:200px;;
background-image:url(img/cuerpo.jpg);
background-repeat:repeat;
margin:auto;
}
#pie{
width:950px;
height:302px;;
background-image:url(img/pie.jpg);
background-repeat:repeat;
margin:auto;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera"></div>
<div id="botonera">
<div id="boton1"></div>
<div id="boton2"></div>
<div id="boton3"></div>
<div id="boton4"></div>
<div id="boton5"></div>
</div>
</div>
</body>
</html> Aqui dejo la imágen de cómo se ve el boton PROPIEDADES en IE6, que no comprendo a qué se debe ese espacio vacío...
[img=http://img444.imageshack.us/img444/5564/sinttulo1vn7.th.jpg]