Bonsoir à tous,

J'ai un petit probleme avec la page d'accueil d'un de mes sites non finalises Jordanie

Sur mon écran 17" avec IE, pas de problemes d'affichage, mais sur un ecran plus petit, toujours avec IE, a taille de police egale, tout le texte present dans le coin inferieur droit en dessous du dessin avec de la fleur rouge apparait decale vers le bas

Quelq'un sait comment resoudre ce probleme d'affichage, je seche.

Merci d'avance,
Sil.

Bonjour,

Je ne suis pas spécialiste des CSS mais ton problème vient peut-être du fait que IE n'interprète pas les "boites" de la même manière que le reste des navigateurs. En savoir plus

Il s'agit donc, selon moi, d'un problème de taille ou de marge. La div de droite, sous IE, serait plus large que la "place" qu'elle peut prendre à droite, IE la force donc sous la div de gauche.

Pour info :
- Ecran 17'' : j'ai le problème sous IE...
- Ce n'est qu'une hypothèse, je ne me suis mis au CSS que depuis 2 semaines

Merci NorSeb d'avoir pris le temps de te pencher sur mon probleme :-)
Je vais continuer a trifouiller dans le code.

Mais s'il y a des avis de "specialistes", je suis preneur...
@+

Vu le Doctype choisit par Silmaril le problème ne vient pas directement du modèle de boite de Microsoft, il est en mode strict et utilise donc le modèle de boite standard même sur IE.

Je n'ai pas le temps de regarder plus en détail mais en bidouillant ta classe CSS "#page-content-right-main-bottom" tu devrais facilement t'en sortir Le problème que tu rencontres vient effectivement de la largeur de ce DIV, tu utilises une position flotante et le navigateur place ta boite là où il y a de la place Si tu diminues la largueur de cette boite elle va retrouver sa place même sur IE, mais ça n'est pas trop une solution il faut que tu trouves la source qui fait que le problème est présent sur IE en pas sur Firefox.

Au passage attention, dans cette classe CSS tu utilises une propriété CSS "min-height" qui n'est pas interprété par IE.

Merci diese de ton aide.
Qu'entends-tu par "la source" exactement ?

Logiquement comme tu es en mode strict les dimensions de tes boites et donc leur positionnement en mode flottant devrait être équivalent sur firefox et IE. Ensuite les sources de différence peuvent être multiples, je ne suis pas capable de les énumérer . Ca peut-être par exemple provenir de la gestion des marges des listes qui est différentes sur Firefox et Internet Explorer, si bien que lorsqu'on modifie la propriété margin d'une liste l'impact n'est pas du tout le même sur Firefox et sur IE; Ce qui peut entrainer un décalage sur toute ta page et une explosion de ton design.

Est-ce que ca s'affiche mieux pour ceux chez qui le probleme d'affichage etait patent ?

Allez, dites oui please

non

Ce qui est étrange, c'est qu'en faisant varier la taille des polices sur IE :
- Polices petites => ça passe
- Polices grandes => ça passe
- Police moyenne => ça passe pas

Bon, je ne comprends pas ce qu'il se passe
Encore merci pour ton aide precieuse diese.