Hola, me pasa algo parecido a lo que le pasa alguien en otro hilo, en Firefox no se ve nada raro pero en IE 6 aparece una zona en blanco que no debería estar...yo os pongo la web http://www.regiongrafica.com/index2.htm
y pongo el código:
</head>
<body onLoad="MM_preloadImages('imagenes/portfolio2.gif','imagenes/pfc2.gif','imagenes/cv2.gif','imagenes/contactar2.gif')">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="232" height="225" class="central">
<param name="movie" value="imagenes/precarga.swf">
<param name="quality" value="high">
<embed src="imagenes/precarga.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="232" height="225"></embed>
</object>
<img src="imagenes/logo.jpg" alt="logotipo" width="400" height="138" class="superior"><a href="pfc.htm" class="pfc" onMouseOver="MM_swapImage('pfc','','imagenes/pfc2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="imagenes/pfc1.gif" alt="proyecto final carrera" name="pfc" width="200" height="215" border="0"></a><a href="imagenes/curriculum.pdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('curriculum','','imagene s/cv2.gif',1)"><img src="imagenes/cv1.gif" alt="currículum" name="curriculum" width="200" height="215" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contactar','','imagenes/contactar2.gif',1)"><img src="imagenes/contactar1.gif" alt="contactar" name="contactar" width="200" height="215" border="0"></a><a href="portfolio.htm" class="portfolio" onMouseOver="MM_swapImage('portfolio','','imagenes/portfolio2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="imagenes/portfolio1.gif" alt="portfolio" name="portfolio" width="200" height="215" border="0"></a>
<div class="foot">Diseño gráfico y desarrollo: Inés Jiménez. 2006 </div>
<a href="imagenes/curriculum.pdf" class="cv" onMouseOver="MM_swapImage('Image7','','imagenes/cv2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="imagenes/cv1.gif" alt="currículum" name="Image7" width="200" height="215" border="0"></a><img src="imagenes/contactar1.gif" name="Image1" width="200" height="215" class="contactar" id="Image1" onClick="MM_openBrWindow('formulario.htm','','widt h=375,height=325')" onMouseOver="MM_swapImage('Image1','','imagenes/contactar2.gif',1)" onMouseOut="MM_swapImgRestore()">
</body>
</html>
pongo tb la css (realmente el estilo "clave" en este problema sería .central):
.superior {
background-color: #339999;
position: absolute;
height: 138px;
width: 400px;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
padding-left: 400px;
margin: 0px;
padding-bottom: 0px;
}
.central {
background-color: #339999;
height: 225px;
width: 232px;
padding-right: 568px;
position: absolute;
left: 0px;
top: 138px;
}
.cv {
height: 215px;
width: 200px;
position: absolute;
top: 363px;
left: 600px;
}
.pfc {
height: 215px;
width: 200px;
position: absolute;
left: 200px;
top: 363px;
}
.contactar {
height: 215px;
width: 200px;
position: absolute;
left: 0px;
top: 363px;
right: 0px;
cursor: pointer;
}
.portfolio {
height: 215px;
width: 200px;
position: absolute;
left: 400px;
top: 363px;
}
.foot {
background-color: #666666;
height: 10px;
width: 200px;
padding-top: 5px;
padding-right: 300px;
padding-bottom: 5px;
padding-left: 300px;
position: absolute;
left: 0px;
top: 578px;
right: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
color: #FFFFFF;
text-decoration: none;
z-index: 1;
}
.inicio {
height: 47px;
width: 18px;
position: absolute;
top: 385px;
right: 0px;
background-color: #FF0066;
padding-top: 84px;
padding-right: 26px;
padding-bottom: 84px;
padding-left: 26px;
left: 730px;
bottom: 0px;
z-index: 10;
}
Muchísimas gracias por leer este tochete, un saludo
