Décalage du site sous Ie

[cra0033]

Bonjour,

 

J'ai récemment basculer mon site joomla sous prestashop . Plus simple et plus pratique .

 

Cependant, je me rend compte que mon site est tout décalé sous Ie alors que sur FF, tout est ( a peu près ) normal .

 

Bien que j'ai trifouiller plein de truc grâce à firebug, et consulter plein de forum, je n'ai pas trouvé de solution .

 

Mon site se trouve à cette adresse : www.bijoux-transparences.fr

 

Merci !

[zolt]

Bonjour

 

C'est un problème dans ton header

Ton image (logo) est beaucoup trop large...

 

Ton frame est a: 1264px de large, alors pourquoi je voie ceci:

Ton logo dans le header est a 1528 de large

Ta class HTML class="logo" width="1753"

Sans oublier ton CSS logo: width: 1498px;

Ça fait un gros bordel ton truc même moi je suis perdu a lire ton code

 

De toute façon je ne crois pas que tu puisse utiliser un logo aussi large dans ton id="header_logo"

Car sa taille max dans le CSS est de: 264px de large.

 

 

 

 

@++

Edited August 11, 2012 by zolt (see edit history)

[cra0033]

Hum, effectivement , ça fait beaucoup de width différent . Cependant, vous dites que la taille max est de 264px .

 

Est ce que je peux l'augmenter ?

 

Merci de votre réponse

[zolt]

Oui!

 

Normalement avec le theme par défault:

\ themes \ prestashop \ css \ global.css a la ligne :

#header_logo {
float: left;
width: 264px;
display: block
}

Présentement votre largeur est de: width: 1528px; , il faut le réduire a: width: 1264px;

 

Je vois que vous avez réduit votre logo, il est parfait, il ne vous reste qu’à corriger les lignes que j'ai dictées et votre site ne risque plus de déformation sous aucun navigateur.

 

Cordialement

[cra0033]

Ok ok .

 

Merci beaucoup pour votre aide !

 

Cordialement,

[zolt]

Re

Maintenant allez dans votre ADMIN / préférences / Performance

Les 2 premières lignes:

Forcer la compilation: Non

Cache : oui

 

Si vous travaillez sur le design de votre site, il est préférable d'utiliser:

Forcer la compilation: Oui

Cache : non

 

Car présentement moi et les visiteurs de votre site ne pouvons voir vos modifications..

 

Lorsque vous avez terminé les changements et modifications de votre thème, il est très important de replacer le tout en:

Forcer la compilation: Non

Cache : oui

 

Ceci va régénérer le cash du thème avec vos nouvelles modifications.

 

Cordialement

Edited August 14, 2012 by zolt (see edit history)

[cra0033]

Bonjour,

 

Est ce que les modifications sont visibles maintenant ?

 

Cordialement

[zolt]

Re

 

Je voie toujours ton header_logo a 1528px de large, il faut le mettre a 1264px de large.

#header_logo {
   background-color: #DFE8ED;
   display: block;
   float: left;
   width: 1528px;
}

Ouvre ton fichier global.css et fait une recherche: 1528 et ensuite édite la ligne pour remplacer ce nombre a 1264.

 

Cordialement

[cra0033]

Re,

 

La ça devrait être bon !

 

Merci beaucoup pour l'aide .

 

Ps : petit conseil pour ceux qui lise : pour faire les test sous Ie (6,7,8,9 ) j'ai utilisé IE Tester ! C'est pas mal comme appli .

 

Merci encore

[zolt]

Re

 

Ton site est parfait

 

@++

[cra0033]

Merci encore !