Les Allergies
Alimentaires
Posez votre question Signaler

Décalage sous IE

gaya_102 - Dernière réponse le 9 oct. 2009 à 00:29
Bonjour,
voila j'ai deux décalages sur mon site sous IE. Mon menu de gauche et mon slogan en haut
http://www.lemondedegaya.fr/mariage.php
j'ai essayé la façon de hack ie mais ca n'a pas marcher. Pourquoi?
merci d'avance de votre aide
hack IE 


span.slogan {
color: #7890d2;

	font-size: 17px;
	text-decoration: none;
	text-align: right;

	font-style: italic;
	margin-right:5px;
	}
	
	

.menuG {
position: relative;
	float:left;
	width:165px;
	height:390px;
	
	text-align: center;
	font-family:comic sans ms, Times New Roman, Times, serif;
font-size: 17px;
	}
	


<!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" xml:lang="fr" lang="fr">
<head>
<title>La collection faire-part mariage - le monde de gaya</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1;" />
<meta name="description" content="Vos faire-part de naissance, mariage, remerciements, stickers et tableaux personnalisés qui vous correspondent le mieux ... Aide pour vos événements : mariage/pacs, communion, anniversaire ..." />
<meta http-equiv="content-language" content="fr, en" />
<meta name="author" content="Thaon Sandrine" />
<link rel="shortcut icon" type="image/x-icon" href="gaya_files/favicon0.htm" />
<link rel="stylesheet" href="page4.css" type="text/css" media="all" />
<!--[if IE]>
      <link rel="stylesheet" type="text/css" href="ie.css" />
      <![endif]-->

</head>
<body>
<div class="centreX">
	<div id="header">
		<p class="texte"><strong><span class="titre">Le monde de Gaya</span> <span class="slogan">Faire-part de mariage originaux et personnalisés.</span></strong></p>
	
					<?php
include("menu.php");
?>
	
	</div>
	<div id="content">

		<ul class="menuG">
			<li><a class="gauche" href="http://www.lemondedegaya.fr/collection.php">La collection</a></li><br><br>
			<li><a class="gauche" href="http://www.lemondedegaya.fr/format.php">Les formats</a></li><br><br>
			<li><a class="gauche" href="http://www.lemondedegaya.fr/papiers.php">Les papiers</a></li><br><br>
			<li><a class="gauche" href="http://www.lemondedegaya.fr/textes.php">Idées de textes</a></li><br><br>
			<li><a class="gauche" href="http://www.lemondedegaya.fr/conditions.php">Conditions générales de ventes</a> </li>
		</ul>
		<div class="fenetre">
<br>
			<h1>La collection de faire-part de mariage </h1>
			
			<table>
   <tr>
       <td><a href="http://www.lemondedegaya.fr/commesite.php" class="uli" ><img src="images/comme_site_devant_petite.jpg" alt="" width="141" height="100" /></a></td>
       <td><a href="http://www.lemondedegaya.fr/oui.php" class="uli" ><img src="images/oui_devant_petite.jpg" alt="" width="141" height="100" /></a></td>
       <td><a href="http://www.lemondedegaya.fr/marie.php" class="uli" ><img src="images/dessin_marie_devant_petite.jpg" alt="" width="141" height="100" /></a></td>
		<td><a href="http://www.lemondedegaya.fr/commesite.php" class="uli" ><img src="images/comme_site_devant_petite.jpg" alt="" width="141" height="100" /></a></td>

   </tr>
   <tr>
       <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" >la branche</a></td>
       <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" >le oui</a></td>
       <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" >les mariés</a></td>
	   <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" >le cygne</a></td>
   </tr>
   <tr>
       <td>1€</td>
       <td>1€</td>
       <td>1€</td>
	   <td>1€</td>
   </tr>
</table>
<br>
<table>
   <tr>
       <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" ><img src="images/comme_site_devant_petite.jpg" alt="" width="141" height="100" /></a></td>
       <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" ><img src="images/comme_site_devant_petite.jpg" alt="" width="141" height="100" /></a></td>
       <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" ><img src="images/comme_site_devant_petite.jpg" alt="" width="141" height="100" /></a></td>
		<td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" ><img src="images/comme_site_devant_petite.jpg" alt="" width="141" height="100" /></a></td>

   </tr>
   <tr>
       <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" >la branche</a></td>
       <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" >les mariés</a></td>
       <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" >le cygne</a></td>
	   <td><a href="http://www.lemondedegaya.fr/faire-part-cygne.htm" class="uli" >le cygne</a></td>
   </tr>
   <tr>
       <td>1€</td>
       <td>1€</td>
       <td>1€</td>
	   <td>1€</td>
   </tr>
</table>

			
			
		</div>
	</div>

</div>
</body>
</html>



li
{display:inline;}

.centreX
{
	position:absolute;
	left:50%;
	margin-left:-500px;
	width: 1000px;
	top:50%;
	margin-top:-276px;
	height: 552px;
	background-image : url("images/fond_page2.JPG");
	background-repeat: no-repeat;
	border :2px solid black;
	font-style: italic;
		font-family:comic sans ms, Times New Roman, Times, serif;

}
body {
	background-color: #f7d8fc;
		font-family:comic sans ms, Times New Roman, Times, serif;
	font-style: italic;}
	
	span.titre {
color: #b04cbf;

	font-size: 33px;
	text-decoration: none;
	text-align: center;
	position:absolute;
	top: 10px;
	left : 230px;
	font-style: italic;

}

a {
	color: #781d89;
font-style: italic;
	font-size: 17px;
	text-decoration: none;
	text-align: center;
} 

a:hover {
    color: #e365f6;

	font-size: 17px;
	text-decoration: none;
	text-align: center;
	font-style: italic;
}

span.slogan {
color: #7890d2;

	font-size: 17px;
	text-decoration: none;
	text-align: right;
	position:absolute;
	top: 70px;
	left: 582px;
	font-style: italic;
	margin-right:5px;
	}
	
	h1
	{
	font-size: 17px;

text-align:left;
text-decoration: underline ;
position:absolute;
top: 15px;
left:25px;
color: #7890d2;
	font-style: italic;
}
	
	
#menuHorizon {
font-size: 13px;
float:right;
margin-top:110px;
padding-left:0;
padding-right:20px;
font-style: italic;

}

#header p.texte {
margin:0px;
}
#menuHorizon li {
display:inline;
height:400px;
line-height:26px;
vertical-align:top;
left:100px;
}



.menuG {
position: relative;
	float:left;
	width:165px;
	height:390px;
	top: 250px;
	text-align: center;
	font-family:comic sans ms, Times New Roman, Times, serif;
font-size: 17px;
	}
	
	.fenetre{
overflow: auto;
position:absolute;
  width:775px;
height : 402px ;
  top: 150px;
  left: 225px;
}
	
	table
{
margin: auto; /* Centre le tableau */
position: relative;
top: 40px;
   
  left:20px;
 font-size: 15px;
  width:705px;
}
td
{
text-align: center; /* Tous les textes des cellules seront centrés*/
   border: 0px solid black;
}



																						/* page produit*/

h2{
text-align: center; 
margin-right:15px;
margin-left:5px;
font-size: 15px;
margin: 0;
}

h3{

color: #7890d2;
font-size: 15px;
margin: 0;
}

h4
	{
	font-size: 17px;
top: 15px;
left:50px;
color: #7890d2;
	font-style: italic;
	text-decoration: underline ;
}

.tableau
{
margin: auto; /* Centre le tableau */
position: relative;
top: -25px;
   
  left:20px;
 font-size: 15px;
  width:705px;
}

.texte{
text-align: center; 
 width:720px;
 font-weight:bold;
margin-left:15px;
margin-right:55px;
font-size: 15px;
margin: 0;
text-align: center; }

.texte2
{
font-size: 15px;
text-align: center;
font-weight: bold;
color: #7890d2;
}
Lire la suite 

Décalage sous IE »

3 réponses
Réponse
+0
moins plus
ataos 72Messages postés 11 avril 2008Date d'inscription 19 novembre 2010Dernière intervention 8 oct. 2009 à 23:11
Bonsoir,
Désolé mais étant passé à ie8 je ne peux voir le bug. On dirait que ms à bien travaillé pour une fois.

Pour ce qui est des décalage sous ie <8 il me semble que cela venait à des valeurs mises par défaut aux balises et attribut non déclarés.

Par exemple, si tu ne mets pas de marge à une div, ie lui donnait alors un marge de x px par défaut. Essaye de voir si en définissant tout ce qui n'existe pas cela résout ton problème.

Bon courage.

 Ajouter un commentaire
gaya_102 - 8 oct. 2009 à 23:22
merci de ton aide effectivement j'ai une versio 6
J'ai enlever le margin right mais ca ne change rien

Le problème c'est que je ne peux pas enlever le reste puisque ca définit ma hauteur...
Ajouter un commentaire
Réponse
+0
moins plus
ataos 72Messages postés 11 avril 2008Date d'inscription 19 novembre 2010Dernière intervention 9 oct. 2009 à 00:29
A une époque aussi, j'avais eu un probleme d'allignement de div qui étaient en fait entierement de ma faute. regarde le shema, c'est tout con et je ne pense pas que tu ai fait cette erreur, mais j'ai pu mal lire. :)


<div 1>
<div 2>
</div 2>
<div 3>
</div 3>
<div 1>

<div 4>
</div4>

Ho non ma div 4 est décallée par rapport à tout mon menu....
:)

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « décalage sous IE » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook