Sujet Précédent Sujet Suivant

Probléme sous IE

Fermé
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 - 13 mai 2008 à 15:22
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 - 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
A voir également:

15 réponses

Réponse 1 / 15
inuman Messages postés 19 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 16 mai 2008
13 mai 2008 à 16:08
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.
0
Réponse 2 / 15
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 18
13 mai 2008 à 16:35
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é ?

++
0
Réponse 3 / 15
inuman Messages postés 19 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 16 mai 2008
13 mai 2008 à 16:38
Oui envoi ton code comme ça cela permettra a tout le monde de t'aider.
0
Réponse 4 / 15
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 18
13 mai 2008 à 17:00 
<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;
}
0

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 mardi 6 mai 2008 Statut Membre Dernière intervention 16 mai 2008
14 mai 2008 à 09:18
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;
}
0
Réponse 6 / 15
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 18
16 mai 2008 à 11:32
sa ne marche pas ... même sous FF tout est déplacé ..
0
Réponse 7 / 15
Dj Nam Messages postés 327 Date d'inscription mardi 9 octobre 2007 Statut Membre Dernière intervention 31 janvier 2014 41
16 mai 2008 à 11:49
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.
0
Réponse 8 / 15
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 18
16 mai 2008 à 12:07
donc je dois revoir tous les padding et margin ??
0
Réponse 9 / 15
inuman Messages postés 19 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 16 mai 2008
16 mai 2008 à 13:40
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.
0
Réponse 10 / 15
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 18
16 mai 2008 à 22:58
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
0
Réponse 11 / 15
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
17 mai 2008 à 09:26
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


0
Réponse 12 / 15
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 18
18 mai 2008 à 05:04
Franchement je ne comprend pas ...
DSL ...

Je ne sais pas quoi faire la ..


Cordialement
0
Réponse 13 / 15
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 18
18 mai 2008 à 21:11
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.
0
Réponse 14 / 15
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
18 mai 2008 à 22:33
re


je reste sur ma position

#nav (line 37)


le soucis viens de ce div , enfin du paramétrage css de ce div
0
Réponse 15 / 15
elchico66 Messages postés 981 Date d'inscription dimanche 22 juillet 2007 Statut Membre Dernière intervention 11 juin 2022 18
18 mai 2008 à 22:49
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 ...
0

Discussions similaires

Prélèvement Google Ireland Limited
jaffa1961 -
gill34051 -

32 réponses
Facture de google 380€ !
Misternet -
okapi -

61 réponses
Arnaque frauduleuse Ireland ltd
Mymy -
celine -

3 réponses
Prélèvement "CB Google" inconnu. Arnaque ?
sandrinepommelet -
Roanisel -

29 réponses
arnaque cb google sur mon compte bancaire
patooun -
samgunsjovirow -

1 réponse