Problème d'affichage sur mozilla firefox
Fermé
ADJAGBE
Messages postés
3
Date d'inscription
vendredi 29 mai 2009
Statut
Membre
Dernière intervention
3 juin 2009
-
29 mai 2009 à 12:49
ADJAGBE - 29 mai 2009 à 14:19
ADJAGBE - 29 mai 2009 à 14:19
A voir également:
- Problème d'affichage sur mozilla firefox
- Mozilla thunderbird - Télécharger - Mail
- Télécharger mozilla firefox 52 gratuit - Forum Mozilla Firefox
- Mozilla firefox mac - Télécharger - Navigateurs
- Mozilla backup - Télécharger - Sauvegarde
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
4 réponses
bg62
Messages postés
23408
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
27 mars 2023
2 324
29 mai 2009 à 13:25
29 mai 2009 à 13:25
sans voir la page ...
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
cedrad33
Messages postés
209
Date d'inscription
samedi 19 avril 2008
Statut
Membre
Dernière intervention
20 mai 2013
23
29 mai 2009 à 13:47
29 mai 2009 à 13:47
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;
}