Saludos a todos de antemano!
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...
El código html es el siguiente:
Código:
<html>
<body>
<div id="contenidor">
<div id="cap">
<div id="menuweb">
</div>
</div>
<div id="banner">
</div>
<div id="cos">
<div id="vols">
</div>
<div id="contingut">
</div>
</div>
</div>
</body>
</html>
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:
Código:
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;
}
Puede que la incompatibilidad con IE6 no sea muy importante, pues en IE7 creo que las capas se visualizan bien(no tengo el IE7 para asegurarme), 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
:
Código:
function loadBanner() {
el = document.getElementById('banner');
num = Math.floor(Math.random() * 15 + 1);
el.style.backgroundImage = "url('img/banner/" + num + ".jpg');";
}
Tenia preparadas varias imágenes de muestra para que os fuera más sencillo entenderme, pero aún no me dejan postear links, lo siento... :(
La web está colgada en la siguiente dirección:
h t t p : / / xpiral.clanxtreme . e s
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 ^^