Novatillo con problemas...

tallada · #1 (**permalink**) 29/04/2008, 18:03

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 ^^

cfranco · #2 (**permalink**) 30/04/2008, 09:38

En primer lugar para ser un novato la pagina aquesta está molt bé, y en segundo lugar hice la prueba de tu web y a mí me sale de p.. madre.

La pagina carga bien acabo de mirarla, quizá sea otra cosa que se te desconfiguró en tu navegador.

De todas maneras aqui dejo el link para que le echen un vistazo y quizá sea el error en ciertos navegadores.

http://xpiral.clanxtreme.es/

tallada · #3 (**permalink**) 30/04/2008, 09:59

Pues me das una alegria, me confirmas que se cargan las imágenes tanto en IE6 como en IE7?

A mi no... :S

Gràcies ^^

ArturoGallegos · #4 (**permalink**) 30/04/2008, 10:01

Cita:

Iniciado por cfranco

En primer lugar para ser un novato la pagina aquesta está molt bé, y en segundo lugar hice la prueba de tu web y a mí me sale de p.. madre.

La pagina carga bien acabo de mirarla, quizá sea otra cosa que se te desconfiguró en tu navegador.

Ps yo tambien cheque tu pagina... la vdd yo tengo IE7 lo de las capas se ven vien si tienes problemas con el IE6 prueva en lugar del atibuto "id" usarlo con un "class" se visualiza correctamente en mas navegadores y la vdd con ie6 no e tenido problemas usandolo

en cuanto tu script intenta usar otro el IE tiene problemas con onload="loadBanner();"

la vdd no se a que se deva

jeje bueno son los unicos problemas que vi a simple vista

otra prueba validarlo con W3 validator
ai resaltaran mas errores algunos sin importancia y otros graves ejeje bueno tu checa tampoco es muy sertero esa validacion pero si ayuda

me gusto tu diseño

Mikmoro · #5 (**permalink**) 30/04/2008, 11:23

En cuanto a la estructura y la css, peroblema está en el contenedor vols. Cambia el selector que tienes por este otro:

#vols {
margin-left: 45px!important;
margin-left: 20px;
width: 212px;
margin-right: 15px;
float: left;
display: block;
border: solid;
}

EDITO: creo que en el script te sobra un punto y coma:

el.style.backgroundImage = "url('img/banner/" + num + ".jpg');";

Creo que deberías ser:

el.style.backgroundImage = "url('img/banner/" + num + ".jpg')";

Si no va, yo probaría a poner la dirección absoluta, porque a veces IE tiene probemas con esto

el.style.backgroundImage = "url('http://xpiral.clanxtreme.es/img/banner/" + num + ".jpg')";

Ya contarás.

Mikel.