Problema con visualización de capas
Hola foreros!
Tengo un "pequeño gran" problema con la visualización de dos <divs> en una web que estoy haciendo para mi proyecto final de carrera, como podeis ver en las siguientes imágenes esas capas se muestran perfectamente en Firefox mientras que en IE6 se visualizan mal...
http://img518.imageshack.us/my.php?image=screen1ty3.jpg
http://img168.imageshack.us/my.php?image=screen2rm3.jpg
El código html es el siguiente:
<code>
<html>
<body>
<div>
<div>
<div>
</div>
</div>
<div>
</div>
<div>
<div>
</div>
<div>
</div>
</div>
</div>
</body>
</html>
</code>He quitado el contenido de las capas para que quede más clara la estructura, como veis, tengo una capa ("contenidor") dentro de la cual hay otras tres ("cap", "banner" y "cos"). La capa "cos" contiene las dos capas ("vols" y "contingut") que son las que me dan tantos problemas en el explorer...
Ahora os pego el CSS de esas capas:
<code>
html, body, p {
margin: 0;
padding: 0;
position: relative;
}
body {
background-color: #edeeef;
position: relative;
}#contenidor {
width: 824px;
margin: 0px auto;
position: relative;
}
#cos {
background-image: url("../img/part-abaix.jpg") ;
width: 824px;
height: 345px;
padding-top: 5px;
}
#vols {
margin-left: 45px;
width: 212px;
margin-right: 15px;
float: left;
display: block;
}
#contingut {
width: 515px;
margin-left: 15px;
float: left;
height: 245px;
overflow: auto;
display: block;
}
</code>Puede que la incompatibilidad con IE6 no sea muy importante, pues en IE7 las capas se visualizan bien, pero me molesta el hecho de que mi página web no sea compatible con todos los navegadores y también el arreglar ese problema es obtener más conocimientos sobre CSS+HTML.
Mi "último" problema es un script en Java, que me carga una imagen al azar en la capa "banner", ese script tanto en IE6 como IE7 no funciona, sale el mensaje de contenido bloqueado y tras permitir ese script no carga ninguna imagen.
Aquí podeis observar el javascript:
<code>
function loadBanner() {
el = document.getElementById('banner');
num = Math.floor(Math.random() * 15 + 1);
el.style.backgroundImage = "url('img/banner/" + num + ".jpg');";
}
</code>
Podeis visitar la web en el siguiente enlace:
http://xpiral.clanxtreme.es
Agradezco mucho vuestro tiempo y comentarios. Si necesitais algún otro dato que os pueda ser de ayuda no dudeis en pedirlo.
Muchísimas gracias ^^