Jump to content

(Résolu) Problème CSS Firefox Safari


Recommended Posts

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

10203_OmcrTtWFJ0PmYBZREJSg_t

10204_YzgZDDUagv2QowSCnzUR_t

Share this post


Link to post
Share on other sites

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;
}

Share this post


Link to post
Share on other sites

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 ;-)

Share this post


Link to post
Share on other sites

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

10221_T0uJ7IK5VuRRVismbD7g_t

10223_wG8AsiXZq0bktLnyBQ49_t

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
Share on other sites

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;
}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More