rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Probléme sous IE

Posté par elchico66, le mardi 13 mai 2008 à 15:22:46
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
Configuration: Windows XP
Firefox 2.0.0.14
Répondre à elchico66  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
inuman, le mardi 13 mai 2008 à 16:08:44
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épondre à inuman

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
elchico66, le mardi 13 mai 2008 à 16:35:41
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épondre à elchico66

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
inuman, le mardi 13 mai 2008 à 16:38:41
Oui envoi ton code comme ça cela permettra a tout le monde de t'aider.
   
Répondre à inuman

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
elchico66, le mardi 13 mai 2008 à 17:00:36
<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></l­i>
<li><a href="index.html">Acceuil</a></li>
<li><a href="personnages.html">Personnages</a>&l­t;/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="http://dragon-ball.fr">Dragon Ball</a> | <a href="http://lesitedbz.o-n.fr">Site</a>&l­t;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;
}
   
Répondre à elchico66

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
inuman, le mercredi 14 mai 2008 à 09:18:45
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épondre à inuman

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
elchico66, le vendredi 16 mai 2008 à 11:32:42
sa ne marche pas ... même sous FF tout est déplacé ..
   
Répondre à elchico66

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dj Nam, le vendredi 16 mai 2008 à 11:49:48
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. Bon courage
Dj Nam
   
Répondre à Dj Nam

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
elchico66, le vendredi 16 mai 2008 à 12:07:18
donc je dois revoir tous les padding et margin ??
   
Répondre à elchico66

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
inuman, le vendredi 16 mai 2008 à 13:40:26
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
http://zonecss.free.fr/style_css/feuille_css_overflow.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épondre à inuman

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
elchico66, le vendredi 16 mai 2008 à 22:58:37
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épondre à elchico66

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
warlix, le samedi 17 mai 2008 à 09:26:15
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



la tristesse c est de ne pas savoir que l on est heureux !
   
Répondre à warlix

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
elchico66, le dimanche 18 mai 2008 à 05:04:44
Franchement je ne comprend pas ...
DSL ...

Je ne sais pas quoi faire la ..


Cordialement
   
Répondre à elchico66

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
elchico66, le dimanche 18 mai 2008 à 21:11:25
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épondre à elchico66

14


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
warlix, le dimanche 18 mai 2008 à 22:33:48
re


je reste sur ma position

#nav (line 37)


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

la tristesse c est de ne pas savoir que l on est heureux !
   
Répondre à warlix

15


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 elchico66, le dimanche 18 mai 2008 à 22:49:58
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 ...
   
Répondre à elchico66
Posez votre question Répondre
Discussions pertinentes trouvées dans le forum
24/07 17h23Bloqué sur GTA4 (3 ième île)1
23/07 11h45Probléme banniére avec IE 7 et firefox 33
22/07 13h05Processus IE / firefox super élevé !6
22/07 05h33Ie72
20/07 20h47Probleme dimension image sous ie11
Plus de discussions sur « ie »
Logiciels pertinents trouvés dans les téléchargements
Télécharger IETab 1.5.20080618IETab - IE Tab est une extension pour Mozilla Firefox , et uniquement pour les systèmes d'exploitation Windows. Elle permet à une...Catégorie: Extensions Firefox
Licence: Freeware/gratuit
Télécharger Power IE6 3.00Power IE6 - Power IE 6 est compatible avec Internet Explorer 7, c'est un logiciel d'origine canadienne, qui vous permet en quelques...Catégorie: Anonymat/Confidentialité
Licence: Freeware/gratuit
Télécharger IE_Kill 2.0IE_Kill - Les anciennes versions d'IE ne possèdent pas encore le système d'onglet. Cette fonction est très intéressante puisque...Catégorie: Navigateurs
Licence: Freeware/gratuit
Télécharger IETester 0.2.2IETester - Si vous êtes intégrateur web ou simple concepteur web, un grand soucis que vous devez surmonter es la compatibilité de votre...Catégorie: Web
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « ie »