mise en page avec css

[balteo]

Bonjour,

Je souhaiterais aligner la sculpture (femme en bronze) afin quelle prenne l'espace de la div que j'ai appelé "waterwheelCarousel" et qui est temporairement avec un background en rouge.

Or avec Google Chrome l'animation ne se centre pas dans le rouge mais est complètement décalé à droite...

Voici le lien:

http://jbm.homelinux.org:8080/jeanba...ture/La+pose-3

Quelqu'un peut-il m'aider svp?

Cordialement,

Julien.

[lolilola]

Les valeurs des attributs de style "left" sur tes images sont différentes sous FF et sous Chrome. Comment les calcules-tu ?

[balteo]

Envoyé par lolilola

Les valeurs des attributs de style "left" sur tes images sont différentes sous FF et sous Chrome. Comment les calcules-tu ?

Je ne les ai pas attribués. Que me conseilles tu?

Il se peut qu'ils soient calculés par l'animation que j'ai intégré... :-(

[lolilola]

tu utilises du JS pour les calculé p-e non ?
Comment as-tu fais pour les placer ?

[balteo]

Envoyé par lolilola

tu utilises du JS pour les calculé p-e non ?
Comment as-tu fais pour les placer ?

Il se peut que l'attribut left soit calculé par l'animation jquery que j'utilise...
Julien.

[balteo]

Envoyé par lolilola

tu utilises du JS pour les calculé p-e non ?
Comment as-tu fais pour les placer ?

Lolilola,
Que veux tu dire par "les placer"?
Julien.

[lolilola]

Si on s'occupe que de ton image centrale, elle est bien centrée sur FF. Comment as-tu fais pour qu'elle le soit ?

[balteo]

Envoyé par lolilola

Si on s'occupe que de ton image centrale, elle est bien centrée sur FF. Comment as-tu fais pour qu'elle le soit ?

Pas grand chose. Voici le code css de la div:

Code :

1
2
3
4
5
6
7
8
9
10
11
 
#waterwheelCarousel {
    width:870px;
    height:600px;
    background-color: red;
    float:right;
}
#waterwheelCarousel > img {
    display:none;
    cursor:pointer;
}

[balteo]

Le reste est géré par un plugin jQuery sur lequel je n'ai pas vraiment de contrôle...
J.

[lolilola]

Sur ton div#waterwheelCarousel, il y a un position: relative; appliqué je pense par le js du plugin et qui est utile pour tous les navigateurs que tu as testé sauf Chrome.
J'avoue, je ne sais pas comment régler ce problème.
Désolé

[balteo]

Envoyé par lolilola

Sur ton div#waterwheelCarousel, il y a un position: relative; appliqué je pense par le js du plugin et qui est utile pour tous les navigateurs que tu as testé sauf Chrome.
J'avoue, je ne sais pas comment régler ce problème.
Désolé

Merci beaucoup quand même!