Problème d'affichage sur mozilla firefox
ADJAGBE
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
ADJAGBE -
ADJAGBE -
Bonjour,
J'ai un souci avec les pages web de mon site.elles s'affichent toutes sans problème sur IE mais sur mozilla il y a de l'espace entre les div.je voudrais supprimer ces espaces.j'aimerais que vous me donner des astuces pour arriver a le faire. merci
J'ai un souci avec les pages web de mon site.elles s'affichent toutes sans problème sur IE mais sur mozilla il y a de l'espace entre les div.je voudrais supprimer ces espaces.j'aimerais que vous me donner des astuces pour arriver a le faire. merci
A voir également:
- Problème d'affichage sur mozilla firefox
- Mozilla firefox - Télécharger - Navigateurs
- Downloadhelper mozilla - Télécharger - Outils pour navigateurs
- Affichage double ecran - Guide
- Problème affichage fenêtre windows 10 - Guide
- Exporter favoris firefox - Guide
4 réponses
La page s'affiche mais il y de l'espace entre la bannière et le contenue principal,aussi entre les div internes u contenue.a chaque fois k'il y a un div mozilla crée de l'espace.j'espère k j'ai été clair
ou tu cache ton div ou tu le change avec innerHTML....
Mais c'est vrai que sans voir le code de ta page on peut pas beaucoup t'aider
Mais c'est vrai que sans voir le code de ta page on peut pas beaucoup t'aider
OK je vous envoi le code.J'ai constaté qu'a chaque utilisation d'un div il y a de l'espace ki ce crée.Par exmple la page plan du site, le contenu est géré avec un div,donc quand j'écris dedans le texte descend et ya du vide ki se crée au déssus.
voici le code de la page html de la page plan du site et son css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page d'accueil 2</title>
<script language="javascript">
if(navigator.appName=="Microsoft Internet Explorer" && navigator.platform=="Win32")
{
document.write("<LINK rel='stylesheet' type='text/css' href='css/index.css'>");
}
else
{
document.write("<LINK rel='stylesheet' type='text/css' href='css/firefox.css'>");
}
</script>
</head>
<body>
<div id="tout">
<div id="banniere"></div>
<div id="menu">
<ul> <li> <a href="pages/plandusite.html">Plan du site</a></li>
<li> <a href="pages/contacts.html">Contacts</a> </li>
<li> <a href="pages/services.html">Services</a> </li>
<li> <a href="pages/inscription.html">Inscription</a> </li>
<li> <a href="pages/formations.html">Formations</a> </li>
<li> <a href="index.html">Acceuil</a> </li>
</ul>
</div>
<div id="principal">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="795" height="45">
<param name="movie" value="images/animationflash/acceuil1.swf" />
<param name="quality" value="high" />
<embed src="images/animationflash/acceuil1.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="795" height="45"></embed>
</object>
<div id="menu_gauche">
<h3>Connectez-vous ici</h3>
<form action="#" method="post">
<table border=0 align="center">
<tr><td>Login:</td><td> <input type="text" name="login" size="10" /></td></tr>
<tr><td>Mot de passe:</td><td> <input type="password" name="login" size="10" /></td></tr>
<tr><td> <input type="submit" value="Connexion"/></td></tr>
</table>
</form>
<img src="images/copy.jpg" /><br /><br />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="20" title="partenaires">
<param name="movie" value="images/animationflash/partenaires.swf" />
<param name="quality" value="high" />
<embed src="images/animationflash/partenaires.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="200" height="20"></embed>
</object>
<br /><br />
<table width="150" border="0" align="center">
<tr>
<td><a href="https://www.ut-capitole.fr/"><img src="images/utoulouse1.jpg" class="maclasse"/></a></td>
<td> <a href="http://www.bem.edu"><img src="images/BEM1.jpg" class="maclasse"/></a></td>
</tr>
</table>
</div>
<div id="contenu">
<div id="contenugauche">
<img src="images/animation/acceuil.gif" />
<br /><br />
<b>L’Institut des Hautes Etudes Economiques et Entrepreneuriales (IHEE)</b> est un Etablissement d’Enseignement Supérieur depuis 2003 et reconnu par l’Etat selon l’arrêté N° 00316 /MESRIT et la décision N° 0045/MESRIT. La vocation de notre Etablissement est non seulement de former des cadres, dynamiques, opérationnels, polyvalents et innovateurs mais aussi capables de s’insérer facilement dans le marché du travail avec des projets porteurs en créant leur propre entreprise.L'IHEE est <a href="pages/Localisation.html">localisé</a> dans le quartier STFO.
</div>
<div id="contenudroit">
<img src="images/animation/Moh.jpg" />
<center><h3>Mot du Président Fondateur</h3></center>
La particularité de notre Etablissement est de donner à nos étudiants un corpus scientifique adapté à la recherche avec un cours de méthodologie de recherche révolutionnaire utilisant des outils technologiques avancés en analyse des données (SPSS, AMOS, PLS…); ce qui leur permet de poursuivre aisément les études aux niveaux Master II et/ ou Doctoral à l’Université de Toulouse 1 en France... <a href="pages/motdupf.html">lire la suite</a>
</div>
</div>
</div>
</div>
</body>
</html>
voici son css mais attention ya des div ki ne st pas utilisés,ils st pr les autres pages
body {
background:#E0EAF4;
}
#tout{
position:absolute;
width:800px;
height:750px;
left:50%;
margin-left:-400px;
/*background:url(../images/Sans.png);*/
/*border:solid #00FF66 1px;*/
}
#banniere{
width:800px;
height:160px;
text-align:center;
background:url(../images/10.jpg) no-repeat;
}
#menu{
top:150px;
width:800px;
height:28px;
/*border:#000000 2px solid;*/
}
#menu ul{
list-style-type:none;
}
#menu li{
float:right;
width:120px;
height:21px;
margin:3px;
text-transform:capitalize;
text-align:center;
}
#menu a{
color:#000000;
width:120px;
height:21px;
display:block;
text-align:center;
background:url(../images/menu1.jpg) no-repeat;
text-decoration:none;
}
#menu a.prem{
width:230px;
height:35px;
background:url(../images/menup.jpg) no-repeat;
text-align:center;
}
#menu li a:hover{
color:#BB0000;
display:block;
}
#principal{
top:178px;
width:800px;
height:595px;
background: url(../images/Sanstitre4.png) no-repeat ;
}
#principal1{
top:178px;
width:800px;
height:575px;
background: url(../images/Sanstitre3.png) no-repeat;
color:#FF2020;
}
#contenuprincipal1{
top:178px;
width:800px;
height:450px;
/*border:#000 2px solid;*/
color:#3D87AF;
}
#menu_gauche{
float:left;
width:200px;
height:398px;
color:#3D87AF;
/*border:#000000 1px solid;*/
/*background:url(../images/menug.jpg) no-repeat;*/
}
.maclasse
{
border:none;
}
#contenu{
float:left;
width:593px;
height:398px;
}
#contenugauche{
float:left;
width:350px;
height:498px;
margin-left:2px;
text-align:justify;
color:#3D87AF;
font-style:normal;
}
#contenudroit{
float:right;
width:220px;
height:498px;
text-align:justify;
color:#3D87AF;
}
#menu_gaucheService{
float:left;
width:200px;
height:298px;
color:#3D87AF;
/*border:#000000 1px solid;*/
/*background:url(../images/menug.jpg) no-repeat;*/
}
#contenuService{
float:left;
width:593px;
height:348px;
/*border:#000000 1px solid;*/
color:#3D87AF;
}
#contenuService{
list-style:none;
color:#3D87AF;
}
#contenudroitService{
float:right;
width:220px;
height:298px;
text-align:justify;
color:#3D87AF;
font-size:17px;
}
#contenudroitService li{
margin-left:30px;
}
#contenudroitService li a{
text-decoration:none;
color:#3D87AF;
}
#contenudroitService li a:hover{
background-color:#FF2020;
color:#fff;
}
#contenugaucheService{
float:left;
width:350px;
height:298px;
margin-left:2px;
text-align:justify;
color:#3D87AF;
font-style:normal;
}
#contenuContacts{
width:800px;
height:470px;
color:#3D87AF;
font-size:18px;
/*border:#000000 1px solid;*/
}
#contenuContacts1{
width:800px;
height:470px;
color:#3D87AF;
font-size:18px;
}
#contenuPFGauche{
float:left;
width:250px;
height:400px;
margin-left:3px;
/*border:#000000 1px solid;*/
color:#3D87AF;
text-align:justify;
}
#contenuPFdroite{
float:right;
width:530px;
height:400px;
color:#3D87AF;
text-align:justify;
/*border:#000000 1px solid;*/
}
#contenuPFdroite1{
float:left;
width:250px;
height:400px;
margin-left:3px;
margin-right:15px;
/*border:#000000 1px solid;*/
}
#contenuPFdroite2{
float:left;
width:250px;
height:400px;
margin-left:1px;
/*border:#000000 1px solid;*/
}
#contenuInscription1{
float:left;
width:385px;
height:450px;
margin-left:1px;
color:#3D87AF;
border:#000000 1px solid;
}
#contenuInscription2{
float:left;
width:402px;
height:450px;
margin-left:5px;
color:#3D87AF;
border:#000000 1px solid;
}
voici le code de la page html de la page plan du site et son css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page d'accueil 2</title>
<script language="javascript">
if(navigator.appName=="Microsoft Internet Explorer" && navigator.platform=="Win32")
{
document.write("<LINK rel='stylesheet' type='text/css' href='css/index.css'>");
}
else
{
document.write("<LINK rel='stylesheet' type='text/css' href='css/firefox.css'>");
}
</script>
</head>
<body>
<div id="tout">
<div id="banniere"></div>
<div id="menu">
<ul> <li> <a href="pages/plandusite.html">Plan du site</a></li>
<li> <a href="pages/contacts.html">Contacts</a> </li>
<li> <a href="pages/services.html">Services</a> </li>
<li> <a href="pages/inscription.html">Inscription</a> </li>
<li> <a href="pages/formations.html">Formations</a> </li>
<li> <a href="index.html">Acceuil</a> </li>
</ul>
</div>
<div id="principal">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="795" height="45">
<param name="movie" value="images/animationflash/acceuil1.swf" />
<param name="quality" value="high" />
<embed src="images/animationflash/acceuil1.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="795" height="45"></embed>
</object>
<div id="menu_gauche">
<h3>Connectez-vous ici</h3>
<form action="#" method="post">
<table border=0 align="center">
<tr><td>Login:</td><td> <input type="text" name="login" size="10" /></td></tr>
<tr><td>Mot de passe:</td><td> <input type="password" name="login" size="10" /></td></tr>
<tr><td> <input type="submit" value="Connexion"/></td></tr>
</table>
</form>
<img src="images/copy.jpg" /><br /><br />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="20" title="partenaires">
<param name="movie" value="images/animationflash/partenaires.swf" />
<param name="quality" value="high" />
<embed src="images/animationflash/partenaires.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="200" height="20"></embed>
</object>
<br /><br />
<table width="150" border="0" align="center">
<tr>
<td><a href="https://www.ut-capitole.fr/"><img src="images/utoulouse1.jpg" class="maclasse"/></a></td>
<td> <a href="http://www.bem.edu"><img src="images/BEM1.jpg" class="maclasse"/></a></td>
</tr>
</table>
</div>
<div id="contenu">
<div id="contenugauche">
<img src="images/animation/acceuil.gif" />
<br /><br />
<b>L’Institut des Hautes Etudes Economiques et Entrepreneuriales (IHEE)</b> est un Etablissement d’Enseignement Supérieur depuis 2003 et reconnu par l’Etat selon l’arrêté N° 00316 /MESRIT et la décision N° 0045/MESRIT. La vocation de notre Etablissement est non seulement de former des cadres, dynamiques, opérationnels, polyvalents et innovateurs mais aussi capables de s’insérer facilement dans le marché du travail avec des projets porteurs en créant leur propre entreprise.L'IHEE est <a href="pages/Localisation.html">localisé</a> dans le quartier STFO.
</div>
<div id="contenudroit">
<img src="images/animation/Moh.jpg" />
<center><h3>Mot du Président Fondateur</h3></center>
La particularité de notre Etablissement est de donner à nos étudiants un corpus scientifique adapté à la recherche avec un cours de méthodologie de recherche révolutionnaire utilisant des outils technologiques avancés en analyse des données (SPSS, AMOS, PLS…); ce qui leur permet de poursuivre aisément les études aux niveaux Master II et/ ou Doctoral à l’Université de Toulouse 1 en France... <a href="pages/motdupf.html">lire la suite</a>
</div>
</div>
</div>
</div>
</body>
</html>
voici son css mais attention ya des div ki ne st pas utilisés,ils st pr les autres pages
body {
background:#E0EAF4;
}
#tout{
position:absolute;
width:800px;
height:750px;
left:50%;
margin-left:-400px;
/*background:url(../images/Sans.png);*/
/*border:solid #00FF66 1px;*/
}
#banniere{
width:800px;
height:160px;
text-align:center;
background:url(../images/10.jpg) no-repeat;
}
#menu{
top:150px;
width:800px;
height:28px;
/*border:#000000 2px solid;*/
}
#menu ul{
list-style-type:none;
}
#menu li{
float:right;
width:120px;
height:21px;
margin:3px;
text-transform:capitalize;
text-align:center;
}
#menu a{
color:#000000;
width:120px;
height:21px;
display:block;
text-align:center;
background:url(../images/menu1.jpg) no-repeat;
text-decoration:none;
}
#menu a.prem{
width:230px;
height:35px;
background:url(../images/menup.jpg) no-repeat;
text-align:center;
}
#menu li a:hover{
color:#BB0000;
display:block;
}
#principal{
top:178px;
width:800px;
height:595px;
background: url(../images/Sanstitre4.png) no-repeat ;
}
#principal1{
top:178px;
width:800px;
height:575px;
background: url(../images/Sanstitre3.png) no-repeat;
color:#FF2020;
}
#contenuprincipal1{
top:178px;
width:800px;
height:450px;
/*border:#000 2px solid;*/
color:#3D87AF;
}
#menu_gauche{
float:left;
width:200px;
height:398px;
color:#3D87AF;
/*border:#000000 1px solid;*/
/*background:url(../images/menug.jpg) no-repeat;*/
}
.maclasse
{
border:none;
}
#contenu{
float:left;
width:593px;
height:398px;
}
#contenugauche{
float:left;
width:350px;
height:498px;
margin-left:2px;
text-align:justify;
color:#3D87AF;
font-style:normal;
}
#contenudroit{
float:right;
width:220px;
height:498px;
text-align:justify;
color:#3D87AF;
}
#menu_gaucheService{
float:left;
width:200px;
height:298px;
color:#3D87AF;
/*border:#000000 1px solid;*/
/*background:url(../images/menug.jpg) no-repeat;*/
}
#contenuService{
float:left;
width:593px;
height:348px;
/*border:#000000 1px solid;*/
color:#3D87AF;
}
#contenuService{
list-style:none;
color:#3D87AF;
}
#contenudroitService{
float:right;
width:220px;
height:298px;
text-align:justify;
color:#3D87AF;
font-size:17px;
}
#contenudroitService li{
margin-left:30px;
}
#contenudroitService li a{
text-decoration:none;
color:#3D87AF;
}
#contenudroitService li a:hover{
background-color:#FF2020;
color:#fff;
}
#contenugaucheService{
float:left;
width:350px;
height:298px;
margin-left:2px;
text-align:justify;
color:#3D87AF;
font-style:normal;
}
#contenuContacts{
width:800px;
height:470px;
color:#3D87AF;
font-size:18px;
/*border:#000000 1px solid;*/
}
#contenuContacts1{
width:800px;
height:470px;
color:#3D87AF;
font-size:18px;
}
#contenuPFGauche{
float:left;
width:250px;
height:400px;
margin-left:3px;
/*border:#000000 1px solid;*/
color:#3D87AF;
text-align:justify;
}
#contenuPFdroite{
float:right;
width:530px;
height:400px;
color:#3D87AF;
text-align:justify;
/*border:#000000 1px solid;*/
}
#contenuPFdroite1{
float:left;
width:250px;
height:400px;
margin-left:3px;
margin-right:15px;
/*border:#000000 1px solid;*/
}
#contenuPFdroite2{
float:left;
width:250px;
height:400px;
margin-left:1px;
/*border:#000000 1px solid;*/
}
#contenuInscription1{
float:left;
width:385px;
height:450px;
margin-left:1px;
color:#3D87AF;
border:#000000 1px solid;
}
#contenuInscription2{
float:left;
width:402px;
height:450px;
margin-left:5px;
color:#3D87AF;
border:#000000 1px solid;
}
