Probléme sous IE

elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention -
elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention - 18 mai 2008 à 22:49

Bonjour,

Voila j'ai créer le site http://lesitedbz.o-n.fr
Et en allant voir avec IE qui est a ma formation, il ne s'affiche pas bien, tout est décalé, alors que sous FF tout est bien, enfin il y a mes 4 liens dans l'en-tête qui est décalé vers la droite...

Je ne sais pas quoi faire.

Merci de bien vouloir m'aidé.

Cordialement.
Maitre.Chico

Afficher la suite

A voir également:

Probléme sous IE
Ie tab - Télécharger - Outils pour navigateurs
Ie 11 - Télécharger - Navigateurs
Ie 9 - Télécharger - Navigateurs
Ie 8 - Télécharger - Navigateurs
Gd group ie cork - Forum Consommation & Internet

15 réponses

Réponse 1 / 15

inuman Messages postés 19 Date d'inscription Statut Membre Dernière intervention

salut,
donne plus de détails par exemple tu utilise des div ou des table. J'ai remarqué sous IE que ton image dépasse légèrement sur le menu si c'est des table que tu utilise regarde la taille de tes cellules et de ta table. Pour tes 4 liens dans l'en-tête a mon avis tout est lié au fait que tu utilise des table.

Réponse 2 / 15

elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention 18

Re, heu !!! j'utilise des div ...

Je peux te passez les code html et css si tu veux voir !!
Peut-être sa va t'aidé ?

++

Réponse 3 / 15

inuman Messages postés 19 Date d'inscription Statut Membre Dernière intervention

Oui envoi ton code comme ça cela permettra a tout le monde de t'aider.

Réponse 4 / 15

elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention 18

<body>
 		 <!-- Début de la page -->
	<div id="container">
			<!-- Début de l'en-téte --> 
		<div id="en_tete">
<form method="post" action="traitement.php">
  <p>
<label for="pseudo"> Pseudo :</label>
<input name="pseudo" type="text" id="pseudo" size="10" maxlength="30" />
					
<label for="pass">Mot de passe :</label>
<input name="pass" type="password" id="pass" size="10" maxlength="30" />
   				
<input type="submit" value="Ok"/> </p>
</form>
				
	<div id="nav">	
<ul> 
	<li><a href="index.html"> Acceuil </a></li>
	<li><a href="histoire.html"> Histoire </a></li>
	<li><a href="Gallerie.html"> Gallerie </a></li>
	<li><a href="Forum.html"> Forum </a></li>
</ul>
	</div>

<a href="index.html"><img src="images/titre_dbz.png" /></a>
			
         </div><!-- Fin de l'en-téte -->

	    <!-- Début du menu -->
	<div id="menu_left">
<h2> Menu </h2>

         <div id="p1"> <!-- Début du 1er paragraphe du menu left -->
<p><a href="histoire.html">
La Saga<br /> Dragon Ball Z... <br /><br />
Sangoku est un<br /> guerrier qui arriva<br /> sur la terre..
</a></p>
	</div> <!-- Fin du 1er parpagrapbe -->
								
			<img src="images/134209889.gif" />
								
	<div id="p2"> <!-- Début du 2éme paragraphe -->
<p><a href="gallerie.html">
Salut à tous.<br /><br /><br />
Vous trouverez ici pleins<br /> de photos de la série DBZ<br /> et bien même des videéos.
</a></p>
	</div> <!-- Fin du 2éme paragraphe -->
									
		<h3> Liens </h3>
			
<ul>
<li><a href="connexion.php">Connexion</a></li>
<li><a href="Sinscrire.php">S'inscrire</a></li>
<li><a href="index.html">Acceuil</a></li>
<li><a href="personnages.html">Personnages</a></li>
<li><a href="forum.php">Forum</a></li>
<li><a href="livredor.php">Livre d'or</a></li>
<li><a href="site_liens.html">Sites (liens)</a></li>
<li><a href="media.html">Média</a></li>
</ul>
				
                     <!-- Début du pied de la page -->
	<div id="pied_page"> 
<center><p><a href="equipe.html">L'équipe</a> | <a href="https://dan.com/buy-domain/dragon-ball.fr?redirected=true&tld=fr">Dragon Ball</a> | <a href="http://lesitedbz.o-n.fr">Site</a><br />
Maitre.Chico & Adam <br /><br />
©2008. Tout droit réservé.
</p></center>
		
	</div> <!-- Fin du pied de page -->
					
	</div> <!-- Fin du menu -->
		
			<!-- Début du corp de page -->
		<div id="corp">
		
		</div><!-- Fin du corp -->
		

	
	</div> <!-- Fin de la page -->
</body>

et le css

/* CSS Document */

body
{ background-color:#999999 }

#container
{
	border:solid #000000 1px;
	width: 800px;
	height: 900px;
	margin:auto;
}

/*-----------------------------------EN TETE----------------------------------------------------------------------*/
#en_tete
{
	background-image:url(images/Font_en_tete.png);
	width:800px;
	height:153px;
	margin-top:-16px;
}
input
{
	margin-top:5px;
	background-color:#999999;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
label
{
	font-family:"Arial black", Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
#nav
{
	width:500px;
	height:80px;
	float:left;  
	position:absolute; 
	top:65px; 
	left:120px;
}	
#nav ul
{
	width:478px; 
	height:25px; 
	float:left; 
	margin-left:125px; 
	margin-top:0px;
}
#nav ul li
{  
	width:100px; 
	height:20px; 
	list-style:none; 
	float:left; 
	margin-left:-10px; 
	text-align:center; 
	padding-right:19px; 
}
#nav ul li a
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#00CCFF;
	text-decoration:none;
}
#nav ul li a:hover
{
	background-color:#FFFFFF;
	border:solid #000000 1px;
	color:#000000;
}
#en_tete img 
{
	margin-left:500px;
	margin-top:-20px;
}
#en_tete a img
{
	border:none;
}

/*-----------------------------------------MENU LEFT---------------------------------------------------------------*/
#menu_left
{
	background-image:url(images/font_menu.png);
	width:186px;
	height:746px;
	float:left;
}
#menu_left h2
{
	font-family:"arial black", Arial, Helvetica, sans-serif;
	margin-left:60px;
	margin-top:0px;
}
#p1 p
{
	margin-left:50px;
	margin-top:30px;
}
#p1 p a
{
	font-family:"Comic Sans MS", Arial, sans-serif;
	font-size:10px;
	color:#CCFF00;
	font-weight:bold;
	text-decoration:none;
}
#menu_left img
{
	margin-left:30px;
	margin-top:0px;
}

#p2 p
{
	margin-left:30px;
	margin-top:50px;
}
#p2 p a
{
	font-family:"Comic Sans MS", Arial, sans-serif;
	font-size:10px;
	color:#CCFF00;
	font-weight:bold;
	text-decoration:none;
}

#menu_left h3
{
	font-family:"arial black",Arial, Helvetica, sans-serif;
	margin-top:60px;
	margin-left:70px;
}
#menu_left ul li
{
	list-style-image:url(images/boluedecristale_ul.png);
}
#menu_left ul li a
{
	color:#660000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#menu_left ul li a:hover
{
	color:#FFFFFF;
	font-family:"MS Gothic", Arial, sans-serif;
}

#pied_page p
{
	margin-top:40px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#pied_page a
{
	text-decoration:none;
	color:#000000;
}
#pied_page a:hover
{
	color:#FF0000;
	text-decoration:underline;
}



/*---------------------------------------CORP DE PAGE----------------------------------------------------------------*/
#corp
{
	background-image:url(images/dbz.jpg);
	width:616px;
	height:747px;
	margin-left:184px;
}

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 15

inuman Messages postés 19 Date d'inscription Statut Membre Dernière intervention

Salut,
j'ai pas bien le temps de me pencher sur ton problème aujourd'hui mais voici peut être une solution.
J'avais aussi un souci avec IE sur un site que je doit faire durant mon stage et j'avais trouver ça comme solution.
au début de ton code css tu colle ça.

*
{

margin: 0;
padding: 0;
spacing :0;

font-size: 1em;
font-family: serif;
font-weight: normal;
font-style: normal;
}

Réponse 6 / 15

elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention 18

sa ne marche pas ... même sous FF tout est déplacé ..

Réponse 7 / 15

Dj Nam Messages postés 327 Date d'inscription Statut Membre Dernière intervention 41

Bonjour,

concernant les margin et les padding il faut faire attention aux problèmes de compatibilité.
car les deux ne comptent pas les pixel à partir du même endroit, ce qui explique les décalages que tu peux trouver.

Réponse 8 / 15

elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention 18

donc je dois revoir tous les padding et margin ??

Réponse 9 / 15

inuman Messages postés 19 Date d'inscription Statut Membre Dernière intervention

Moi sur FF ça marche je vois pas de décalage après fait des test comme t'as suggéré Dj Nam. Essaye aussi de voir si c'est pas un problème d'overflow moi j'avais aussi ce problème sur mes div FF me les affichais correctement et IE j'avais un décalage. ta différentes options pour l'overflow:

voila un lien avec les options
https://www.zonecss.fr/proprietes-css/overflow-css.html

et regarde aussi en modifiant la taille de tes div j'ai eu un problème aussi a ce niveau la, firefox me mettais tout bien et IE j'avais un blanc ou un décalage.
Voila après c'est tout ce que je vois comme solutions.

Réponse 10 / 15

elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention 18

Donc il faut que je modifie mes overflow ???

Si je modifie sa va plus aller sur FF ...
Franchement je ne comprend pas pourquoi IE a autant de probléme.

J'aimerais que quelqu'un m'aide a me résoudre ce probléme car je ne crois pas pouvoir m'ensortir tous seul.
Je trouve sa compliqué...

Cordialement

Réponse 11 / 15

warlix Messages postés 1201 Date d'inscription Statut Contributeur Dernière intervention 288

Salut

Regarde du coté de ceci

#nav (line 37)

{

width: 500px;

height: 80px;

float: left;

position: absolute;

top: 65px;
}

don div est complètement en dehors du centre il y a la moitié qui dépasse sur la gauche , surement ie qui le voit aussi comme ça.

la nav

Essais de la réduire a 300 px, voir moins
régle éventuellement le padding left pour qu il soit bien vers la droite.

Pour le jpg qui descend il y a un conflit avec la taille (largeur) a savoir que IE gratte 1 ou 2 pixels , donc réduit de 1 ou 2 ton images , ou élargi le div.

Info

accUeil ça ne s'écrit pas accEuil

ET

Galerie

en résolution 1400 la nav est décallé en rapport avec les dessisns

Réponse 12 / 15

elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention 18

Franchement je ne comprend pas ...
DSL ...

Je ne sais pas quoi faire la ..

Cordialement

Réponse 13 / 15

elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention 18

Bon j'ai trouver un moyen qui a l'aire de marcher,

Il me faut faire le code pour FF et un autre pour IE

body
{
	border:solid #000000 1px;
	width: 62.9%;
	height: 90%;
	margin:0 auto;
}

* + html body
{
	border:solid #000000 1px;
	width: 63.5%;
	height: 90%;
	margin:0 auto;
}

Mais j'ai toujours un probléme, j'ai créer une div en_tete, voici le code:

#en_tete
{
	background-image:url(images/Font_en_tete.png);
	width:800px;
	height:153px;
}

et pour IE il n'y a pas de probléme mais avec FF l'image n'est pas tous juste en haut du cadre (border), il y a un espace vide qui fait déscendre l'image.

Je ne sais pas quoi faire.

Je trouve que le margin-top: -16px; mais sa fait monter l'image pour IE, et si je met le code:

#en_tete
{
	background-image:url(images/Font_en_tete.png);
	width:800px;
	height:153px;
        margin-top:-16px;
}
* + html #en_tete
{
	background-image:url(images/Font_en_tete.png);
	width:800px;
	height:153px;
}

Ben rien ne change sa reste pareil, FF sa va, mais pas IE !!

Quoi faire ?

Cordialement.

Réponse 14 / 15

warlix Messages postés 1201 Date d'inscription Statut Contributeur Dernière intervention 288

re

je reste sur ma position

#nav (line 37)

le soucis viens de ce div , enfin du paramétrage css de ce div

Réponse 15 / 15

elchico66 Messages postés 981 Date d'inscription Statut Membre Dernière intervention 18

Je ne comprend pas se qu'il faut que je fasse a cette ligne...

Merci de bien vouloir me dire se qu'il faut que je mette a la place ...

Discussions similaires

Prélèvement Apple.com Bill

Arnaque de Google Ireland Limited

Arnaque frauduleuse Ireland ltd

Facture de google 380€ !

Prélèvement inconnu APPLE.COM/BILL ORIGINE IRL

Votre réponse

Discussions similaires