28172 sujets

CSS et mise en forme, CSS3

Salutation à tous,

J'ai un problème de taille dans le développement d'une application web.
J'ai fait une intégration de Google Map en Javascript.

Tout fonctionne parfaitement, mais pas sur FireFox !
J'ai remarqué que les div crées automatiquement par l'api sont en position Absolute.
Si j'enlève le positionnement grâce à FireBug, ma carte s'affiche enfin ... jusqu'à ce que je la drag & drop !

Sauriez vous d'où le problème peut venir, et surtout comment le corriger ?

Merci à vous !

( la page en question : http://lamihck.fr/Pictrel/demos/webkit/test.html )
Hello.

Je pense que ton propre CSS doit parasiter ta Gmap. J'essaierais dans un premier temps de faire une page de test réduit avec juste ta carte et tes JS sans CSS, juste pour être sûr que tu n'as pas un conflit entre script.

Sinon, essaies déjà de faire un grand ménage dans tes styles et ton HTML, il y a beaucoup de code qui ne sert (pour ce que tu nous montres en tous cas), à pas grand chose.

Avis personnel sinon : les ul.pageitem, il vaut mieux éviter.
Merci de ta réponse, je vais donc passer un coup de balais,
Je reviendrais ici ensuite Smiley cligne
Ok, simplement en retirant le CSS, ça fonctionne.

Je sais donc où chercher !

Merci de ton aide, je vais creuser et rapporter mon erreur ensuite ici même pour les futurs debugger Smiley langue
Trouvé !

La propriété suivante :
.textbox img {
max-width:100%;
}

était la cause !

Je ne sais toujours pas pourquoi, mais je sais où était le problème