[Resolu] Firefoxe affichage hs, ok aprés un rafraichissement

Bonjour,

j'ai un truc "bizarre" avec des tyles CSS sous firefox sur le site que je suis en train de développer www.help-primates.org . Si on va par exemple dans le menu "PROJET H.E.L.P." sur la rubrique "2 ONGs en partenariat" le texte "déborde" de la fenêtre. Si on actualise la page cela est correct (apparition de l'ascenceur vertical) mais si on passe sur une autre page et que l'on revient sur cette page l'affichage est de nouveau incorrect (resolu encore par un rafraichissement).

Ci dessous mon code css. Le texte en question va dans la boite "contenu1" et "contenu2" (deux boites imbriquées suite à des problèmes d'overflow).

 html,body {
font-family: "Comic Sans MS", cursive;
background-color : white;
}

.corps
{
   position:absolute;
   padding: 0;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 560px;
     margin-top: -175px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
}

a.ex0
{color: white; }
a:visited.ex0 {color:white ; }
a:hover.ex0 {color: #E40000 ; }

.menuhoryzontale
{
text-align:center;
height:2em;
     background-color:#444;/*pour le visualiser */
     position:absolute;
	 left: 50%; 
     top: 50%;
     width: 800px;
     height: 120px;
     margin-top: -280px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
}

.partiebasse
{
     background-color:#a7cdab;
     text-align:center;
     position:relative;
     width:800px;
     height:630px;
     padding: 0;
} 

.piedpage
{
     background-color:#a7cdab;
     text-align:center;

	 width:800px;
	 height:50;
	 padding: 0;
}

.boiteverticale 
{
float:left;
width:180px;
height:630px;
margin:0px;
border-width:0;
padding: 0;
}

a.ex1
{color: #336633; text-decoration: none ; }
a:visited.ex1 {color: #336633; text-decoration: none ; }
a:hover.ex1 {color: #E40000; text-decoration: none ; }

.contenu1
{
background-image:url(images/fondtete.jpg);
background-position : top right;
background-repeat : repeat;
height:630px;
border-width:0;
}
.contenu2
{
position : absolute;
top : 10px;
left : 180px;
font-family : "Comic Sans MS", cursive;
height:625px;
text-align:left;
margin:0;
overflow: auto;
border-width:0;
}

a.ex2
{color: blue; text-decoration: underline ; }
a:visited.ex2 {color:blue ; text-decoration: underline ; }
a:hover.ex2 {color: #E40000 ; text-decoration: underline ; }




.photoaccueilhg
{
   position:relative;
   padding: 0px;
   left: 0px; 
   top: -60px;
   width: 620px;
   height: 480px;
   overflow: hidden;

}

.photoaccueilbd
{
   position:absolute;
   left: 360px; 
   top: 280px;
   width: 250px;
   height: 200px;
}

Modifié par diomedea (13 Mar 2006 - 22:00)

Salut,

Chez moi tout est normal : en faisant les manipulations que tu dis, je n'ai pas de texte qui déborde et l'ascenceur apparaît tout de suite.

Testé sous Firefox 1.5 Windows XP SP2

Tu peux nous faire une petite capture d'écran pour voir le phénomène s.t.p. ?

Je te fais les copies d'écran ce soir.

Merci de ton aide

voilà mon problème



voilà aprés réactualisation



Bizarre n'est ce pas ?


Pour info ma version de firefox:
Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.7.12) Gecko/20050919 Firefox/1.0.7

Oui effectivement, bizarre.

Je viens de vider le cache du fox et j'ai refait les manipulations que tu dis. Et c'est toujours pareil : tout s'affiche correctement tout de suite comme sur ta 2ème capture d'écran ...

Resolu : en updatant ma version de firefox de la 1.0.7 à la 1.5. Donc probablement un "bug" des vieilles version de firefox. En souhaitant que je n'aurais pas trop de visiteurs avec une version pas à jour.

Merci de ton aide Pandore, c'est le fait que tu m'ais dis être en version 1.5 qui m'a mis sur la voie.

de rien, ravi d'avoir pu t'aider