(Résolu) Problème CSS Firefox Safari

[fab4_33]

Bonjour

j'ai un petit problème css entre safari et firefox
image 1 = firefox
image 2 = safari

j'ai changé l'image on_sale.gif en "Promotion" sur l'image du produit,

donc pour le caler j'ai rajouter :

#primary_block form#buy_block img.on_sale_img {
   float:right;
   margin-bottom: 10px;
   position: absolute;
   margin: -19px 0 0 -332px;

Ps : j'ai aussi essayé en %, c'est pareil !

voilà si je change pour que ça fonctionne sur safari, c'est décalé sur firefox et vice et versa

faut'il 2 styles en fonction du navigateur, et comment la fiche produit s'est elle sur quelle style elle trouve les informations ?

Si vous pouvez me mettre sur la piste, j'ai trouvé quelques posts sur le sujet.. je continue à chercher

merci

[Peha]

Bonjour

float right et position absloute ensemble n'apportent rien.

le mieux à mon avis est d'utiliser position:absolute,

#primary_block form #buy_block img .on_sale_img {
position:absolute;
top:0;
left:0;
}

[fab4_33]

Bonjour

float right et position absloute ensemble n'apportent rien.

le mieux à mon avis est d'utiliser position:absolute,

#primary_block form #buy_block img .on_sale_img {
position:absolute;
top:0;
left:0;
}

merci Peha, tu m'as mis sur la piste

en fait j'ai mis

position: relative;

merci encore

faut que j'essaye avec IE ;-)

[fab4_33]

en fait je ré-ouvre le post, il est pas tout à fait résolu j'avais pas vu

l'image 1

avec

position: relative;

et l'image 2 sans le bandeau promo mais il y a pas l'espace que l'on trouve sur l'image 1, si on remet

position: absolute;

l'espace a disparu (c 'est ce que je recherce), mais mon problème avec le bandeau Promo a réapparu (voir 1er post)

je continue à chercher, si vous avez des indices

[Peha]

essaye ça :

#primary_block form #buy_block img .on_sale_img {
position:absolute;
top:0;
left:0;
}

#primary_block form #buy_block img{

position:relative;

}

(en mettant le bloc parent en relatif, il devient le référentiel du bloc enfant)

[fab4_33]

merci beaucoup peha, ça fonctionne

juste pour comprendre, comment savoir qu'un bloc est parent d'un autre ? c'est le premier, quand il y en a deux à la suite ? c'est ça ?

#primary_block form#buy_block img.on_sale_img {


   position: absolute;
   top: -18px;
   left: -230px;

}
#primary_block form#buy_block {
position: relative;
}

[Peha]

non, un bloc est enfant d'un autre quand il est contenu dedans :

< div>
< p>
< /p>
< /div>

est parent de < p> et < p> est enfant de

[fab4_33]

non, un bloc est enfant d'un autre quand il est contenu dedans :

< div>
< p>
< /p>
< /div>

est parent de

et

est enfant de

merci pour l'info, je vais continuer dans l'exploration du css