Décalage incompréhensible au chargement sous IE

Messagepar Coulb » Mer 07 Mar 2007, 22:32

Bonjour à tous,

Je fais face à un problème très ennuyeux. J'ai beau cherché la solution sur différents forums et je ne trouve pas...

Sous FF tout marche bien (comme d'hab on finirait par dire).

Par contre, quand je charge ma page sous IE (j'utilise IE 6), tout mon contenu (header, colonnes et footer) est décalé sur la droite. Une fois que je positionne ma souris sur le menu des catégories, ma page se remet en place.

Lien pour tester :
http://www.emefstar.com/test

Si quelqu'un connaît une solution à mon problème ou a besoin de code CSS ... ;)

Merci
Coulb
Membre inactif
 
Messages: 6
Inscription: Ven 05 Jan 2007, 18:44

Messagepar Louis_Cypher » Jeu 08 Mar 2007, 12:03

Bonjour.

Le probleme vient, à mon avis, de ton code css, balise container.

Essaie de le remplacer par le code suivant :

#container {
position:absolute;
left: 50%;
top: 0%;
width: 900px;
margin-top: 0px; /* moitié de la hauteur si tu veux un centrage vertical*/
margin-left: -450px; /* moitié de la largeur */
}
oscss 1.2 + qpbpp + qtpro + gestion pointue des stocks + appros + export clients + export commandes sur ebp + liaison avec apisoft + module personnalisation + calcul des prix à la surface + ultra pics + import via csv + resize auto des images via imagemagik + plein d'autres trucs + intégration dans joomla
Louis_Cypher
Site Admin
 
Messages: 82
Inscription: Ven 22 Sep 2006, 18:08

Messagepar Coulb » Jeu 08 Mar 2007, 17:33

Super Louis_Cypher !!!

Ca marche nickel, merci beaucoup :D
Coulb
Membre inactif
 
Messages: 6
Inscription: Ven 05 Jan 2007, 18:44

Messagepar Mali » Lun 19 Mar 2007, 16:00

très bon site sur le CSS :
http://www.alsacreations.com/

j'ai eu pas mal de souci. Par exemple :
- bien vérifier que les positions des éléments se font en "margin-top" au lieu de "top" (idem pour left, right et bottom).
- Renseigner systématiquement le padding et margin (mettre à zero si besoin).
- Indiquer une valeur de line-height.
- attention au positionnement absolute et relative, et à la hierarchie des éléments.

Quelques tips en vrac, mais t'en trouveras enormément plus sur le site ci-dessus.
Dernière édition par Mali le Lun 19 Mar 2007, 16:03, édité 1 fois.
Mali
Membre très actif
 
Messages: 234
Inscription: Mer 29 Mar 2006, 20:39

Messagepar stepibou » Lun 19 Mar 2007, 16:36

Salut,

Sans modifications?
A tu un screen ou l'url du bug?
--> osCSS inside <--
stepibou
Membre très actif
 
Messages: 274
Inscription: Dim 30 Oct 2005, 02:15
Localisation: Lyon

Messagepar Madame Elsa » Mar 20 Mar 2007, 13:22

[Résolu]

Waouuuu !


Alors après maintes tentatives, voila que j'ai résolu mon problème !
Tous se fait depuis le stylesheet du template.

Pour replacer les box à leur place sous Internet Explorer :
Réinstaller le stylesheet du template d'origine.

Pour centrer la boutique :
/*-structure---------/
#container {
margin-left:20%;

Pour décaler le texte du footer :
juste avant /*-boxes------------/
dans #footer {
padding: 0 0 0 50px;

Pour que la bannière s'affiche :
/*-Structure--------/
#header {
bien vérifier le nom de la banniere. J'avais oublié l'extension en ".gif"
...

Voila, peut etre que ça pourra aider :)
Madame Elsa
Membre actif
 
Messages: 48
Inscription: Lun 19 Mar 2007, 13:17

Messagepar stepibou » Mar 20 Mar 2007, 13:41

Salut,

merci pour ton partage!

Pour le decalage de la colone de droite il y a plusieurs topics sur ce sujet.
Je ne sais pas ou ils se trouvent, je te laisse faire ta recherche.

a+
--> osCSS inside <--
stepibou
Membre très actif
 
Messages: 274
Inscription: Dim 30 Oct 2005, 02:15
Localisation: Lyon


Retourner vers Design

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités

cron