[Réglé] Différences affichage entre Firefox et IE

Ce forum aborde toutes les questions qu'un codeur ou webmaster pourrait se poser, et n'ayant aucun rapport direct avec phpBB.
Tout ce qui peut concerner la récupération des sessions de phpBB sur votre site, doit se faire dans cette section.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com

[Réglé] Différences affichage entre Firefox et IE

Messagepar aquanicolas » 14 Aoû 2010 à 13:36

Bonjour,

J'ai un petit souci avec la futur version de mon site internet.
L'affichage est un peu différent entre IE et Firefox, l'adresse du test : http://www.aquariophilie.org/news/test7.php

Sous Firefox, la boite DIV "Votre situation" est bien alligné avec les deux autres boites "Vue" et "Recherche" :
Image 1
Mais sous IE et Safari, il y a un décalage
Image 2
- image mise en lien par Morgyanne -
Motif :
Afin d'obtenir une navigation optimale pour tous, il est fortement déconseillé d'inclure dans vos messages, des images dont la taille en largeur et/ou hauteur dépasse 500 pixels et dont le poids dépasse 150 ko. Ces messages seront susceptibles d'être édités par les modérateurs, et ceci, sans aucun appel.


L'affichage de la boite se fait comme ca :
Code: Tout sélectionner
<div id="situation">Votre situation : code php</div>


Et le css qui gère l'affichage :
Code: Tout sélectionner
#situation {
        float: left;
        width: auto;
        height: auto;
        margin: 35px 0 0 -227px;
        padding: 3px;
}

Avez vous une idée ? (si besoin le fichier CSS en entier)

Sinon je n'y connais rien en webmastering, webdesign et tout, que pensez vous de la tronche de cette page de test (couleur, organisation, structure, etc.) ?

A bientôt,
Modifié en dernier par aquanicolas le 15 Aoû 2010 à 11:28, modifié 1 fois.
Nicolas - Membre de l'Association Aquariophilie.org
Forum : https://www.aquariophilie.org/forum
Avatar de l’utilisateur
aquanicolas
Apprenti-posteur
Apprenti-posteur
 
Messages: 157
Enregistré le: 26 Déc 2007 à 11:37
Localisation: Orléans, Paris

Re: Différences affichage entre Firefox et IE

Messagepar Dr DLP » 14 Aoû 2010 à 23:45

De mémoire IE ne gère pas float et margin pour un même conteneur, fais un choix.
Ton décalage doit être de 35 pixels non?

Je trouve la page très belle sinon.
Par contre:
- Agenda est vide
- Les sujets de forum manquent d'espace, le titre du sujet doit suffire
- LA boite connexion est perdue dans son coin, de même que les stats, pourquoi ne pas les regrouper?
- Le module facebook se sent seul
- Une image de fond serait top m'est d'avis :)
Avatar de l’utilisateur
Dr DLP
Floodeur universel
Floodeur universel
 
Messages: 8411
Enregistré le: 05 Mar 2003 à 23:49
Localisation: Var ( 83 )

Re: Différences affichage entre Firefox et IE

Messagepar aquanicolas » 15 Aoû 2010 à 00:13

Bonjour,

Oui le décalage doit être de 35px en haut mais être aligné à gauche avec les autres conteneurs. C'est trop compliqué le positionnement des CSS et les incompatibilités entre navigateur :evil: ... et si facile en utilisant la balise table :lol:

Je crois avoir essayé toutes les possibilités, avec ou sans clear, des margin dans tout les sens, position: relative avec left et top, etc. Je voudrai pas utiliser position: absolute Je crois que je vais laisser tomber et tant pis pour les utilisateurs de IE :lol:

Merci pour les suggestions. Pour l'agenda, j'arrive pas à exporter celui sous phpBB donc j'ai mis celui de Google pour tester. Bonne idée de regrouper la boite de connexion avec les stats.

A bientôt,
Nicolas - Membre de l'Association Aquariophilie.org
Forum : https://www.aquariophilie.org/forum
Avatar de l’utilisateur
aquanicolas
Apprenti-posteur
Apprenti-posteur
 
Messages: 157
Enregistré le: 26 Déc 2007 à 11:37
Localisation: Orléans, Paris

Re: Différences affichage entre Firefox et IE

Messagepar Dr DLP » 15 Aoû 2010 à 11:28

Je mixe pour ma part, les tables sont trop pratiques :)
Avatar de l’utilisateur
Dr DLP
Floodeur universel
Floodeur universel
 
Messages: 8411
Enregistré le: 05 Mar 2003 à 23:49
Localisation: Var ( 83 )

Re: Différences affichage entre Firefox et IE

Messagepar aquanicolas » 15 Aoû 2010 à 11:30

Un petit message pour remercier tomberaid qui m'a proposer d'englober mes trois DIV dans un DIV unique et de les remplacer par des UL et LI (avec les CSS qui vont bien)

Le tout fonctionne bien et s'affiche de la même façon sur tout les navigateurs.

Cordialement,
Nicolas - Membre de l'Association Aquariophilie.org
Forum : https://www.aquariophilie.org/forum
Avatar de l’utilisateur
aquanicolas
Apprenti-posteur
Apprenti-posteur
 
Messages: 157
Enregistré le: 26 Déc 2007 à 11:37
Localisation: Orléans, Paris


Retourner vers Coding, Webmastering et Sécurité informatique

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

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