Bonjour,
Je gère un site internet depuis peu de temps… et j’ai un problème d’affichage du site sous firefox.
Sous IE tout s’affiche correctement :
http://perso.orange.fr/aconitnapel/ie7.JPG
Et quand on affiche le site avec Firefox sa part en vrille!!
Le mot Edito reste à la même place que sur IE, par contre le cadre empiète sur le menu qui devient innaccessible!
http://perso.orange.fr/aconitnapel/firefox2.JPG
Code Du fichier index.html concernant le cadre de l’Edito :
<div id="corps">
<p> <br /> <img src="Accueil/imgedito.jpg" class="Loïc" alt="" />
<img src="Accueil/Edito.png" class="Edito" title="" alt="" /></p>
<p><img src="Accueil/B.png" class="B" alt="" />ienvenue... ...
</div>
code du fichier css concernant la balise "corps" :
#corps
{
width: 480px;
margin-top: 0;
padding: 0;
background-image: url("neige.png");
background-repeat: repeat;
border: 2px inset black;
text-align: justify;
font-family: Garamond, "Times New Roman", Times, serif;
position: relative;
top: 80px;
left: 14px;
}
#corps p
{
text-indent: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
}
Je sais que je peux descendre le cadre de l’Edito pour que l’allignement soit bon sous firefox, mais sa me décale la mise en page sour IE7. Et en plus y’a toujours cet espace en haut qui viens se rajouter sous firefox et pas sous IE7!
Comment faire pour enlever l’espace que crée firefox dans le cadre de l’Edito ?
Cet espace on le retrouve dans chaques balises div de cette page, dans les carrés bleus sur la droite…