Problème affichage site sur Mozilla

Résolu
Ninie11k -  
 Ninie11k -
Bonjour,

J'ai un problème d'affichage de mon site sur Mozilla et Opera entre autre tandis qu'il s'affiche correctement sur IE8.

J'ai passé mon code CSS et HTML au test W3C et ils passent les 2 a 100% avec aucune erreur.
J'aimerais avoir votre avis, j'ai mis les liens de téléchargement pour ceux que ca intéressent.


Lien pour télécharger le CSS.
https://www.hugedomains.com/domain_profile.cfm?d=filzup&e=com

Lien pour télécharger le HTML.
https://www.hugedomains.com/domain_profile.cfm?d=filzup&e=com

Merci d'avance a tous ceux qui se pencheront sur le sujet.
A voir également:

3 réponses

0ReL Messages postés 42 Date d'inscription   Statut Membre Dernière intervention   13
 
Salut,

Tu peux commencer par rajouter dans ton css pour la div "#barreb" une postion:relative et un overflow:hidden
Dis moi si ça corrige ton probleme... et pour regler le probleme du menu qui fait descendre le texte en dessous, donne une hauteur (height:150px) a la div qui contient le menu.

Cordialement,
OREL
1
0ReL Messages postés 42 Date d'inscription   Statut Membre Dernière intervention   13
 
Si le menu a droite est coupé c'est surement a cause de la hauteur que l'on vient de donner à la div du menu...
Pour corriger le probleme augmente petit a petit la hauteur, jusqu'a trouver la bonne.

Pour le reste j'ai pas le temps... :-(

Mais un conseil installe FireBug un module pour FireFox qui te permettra de voir où sont positionné tes div... A mon avis le coup du menu en haut a gauche viens surement d'un left, margin, ou padding...
1
Ninie11k
 
Merci pour le fait de devoir download Firebug, jai réussi à résoudre les petits problèmes qui se posaient sur mon site.

Merci encore Orel.
0
Ninie11k
 
Salut, j'ai fait les corrections que tu m'as proposé:

c'est à dire:

#pdroite{
height:150px;
width: 160px;
margin: 10px;
float: right;
}

La div qui contient le menu de droite.

Ainsi que :

#barreb{
width:638px;
height: 38px;
background:url(theme/barregrise_b.png) no-repeat;
position:relative;
overflow:hidden;
}

Voici les screens avant la modification:
https://imageshack.com/

Et voici le screen sous mozilla après la modif:
http://img12.imageshack.us/img12/374/mozmod.jpg

Donc la barre du bas (div barreb) a effectivement changé quelque chose. Le fait de passer sous le contenu de la page. Cependant il reste encore 2-3 soucis. Comme le menu de droite qui est coupé, le menu du haut qui est décalé.

Merci de ton aide Orel.
0
Ninie11k
 
Petit up (Je ne sais pas si j'ai le droit)
0