Soy un cabezota y como ayer hice la critica de CSS y seguia aun intentando encajar las imagenes mediante capas y decir que hoy no he dormido bien nada mas que pensando que se debe de poder hacer pero que me resulta imposible. Entonces sino quereis que me de algo por favor ayudarme. En FireFox se ve de perfecto pero en explorer no hay forma, quito un pixel se me mueve uno delante, sumo uno se me va detras.
Mirar este es el codigo en css:
Cita: html {
padding:0px;
margin:0px;
}
body {
background-color: #bcbcbc;
font-size: 12px;
color:#564b47;
text-align:center;
margin:0px;
padding:0px;
}
#box {
width:750px;
margin: 0px auto;
padding:0px;
text-align:left;
}
.arriba {
width: 750px;
clear: both;
margin: auto;
padding: 0px;
}
.cuerpo {
width: 748px;
background-color: #FFFFFF;
margin: auto;
clear:both;
padding: 0px;
height: 300px;
}
.logo {
float: left;
width:200px;
margin-left: 15px;
margin-top: 20px;
padding: 0px;
}
.menusup {
padding: 0px;
float: right;
margin: auto;
margin-right: 9px;
_margin-right: 5px;
}
Y ahora os pongo el codigo en html:
Cita: <!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>
<link href="parro.css" rel="stylesheet" type="text/css" />
</style>
</head>
<body><br /><br />
<div class="box">
<div class="arriba"><img src="top.gif" width="748" height="19" border="0" /></div>
<div class="cuerpo">
<div class="logo"><img src="logo.gif" alt="logotipo" /></div>
<div class="menusup"><img src="menusup.gif" alt="menu parroquia" width="259" height="72" /></div>
</div>
</div> <!-- final de la caja box -->
</body>
</html>
El problema está con la imagen menusup.gif que no hay manera que en el explorer se encaje.
Os pongo tambien el enlace para que lo veais y podais descargaros los dos.
Para ver la web Bajar todos los archivos