High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Décalage sous IE

Dernière réponse le 9 oct 2009 à 00:29:56 gaya_102, le 8 oct 2009 à 22:57:57 
 Signaler ce message aux modérateurs

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;
}
Configuration: Windows XP
Firefox 3.0

Meilleures réponses pour « décalage sous IE » dans :
Décalage du son et de l'image d'un fichier vidéo (Divx) VoirLe décalage du son et de l'image d'un fichier Divx, Mkv ou autre peut être dû à un des facteurs suivants : Ordinateur / Lecteur DivX pas assez performant. Il suffit de tester le fichier sur un ordinateur plus rapide pour s'en persuader Codecs...
Désinstaller IE 8 VoirDésinstallation d'IE 8 Vous avez installé IE8 pour le tester et vous souhaitez désormais revenir à une version précédente ? Voici la procédure à suivre pour les OS suivants : Windows Vista Windows XP Windows Vista Ouvrir le...
Décalage entre les sous-titres et la vidéo VoirCela vous est surement déjà arrivé d'avoir vos sous-titres décalés de quelques secondes par rapport à la vidéo. Nous allons voir comment régler très simplement ce problème. Tout d'abord, il nous faut bien entendu une vidéo, et ses sous-titres...
Posez votre question Répondre

1

ataos, le 8 oct 2009 à 23:11:00

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.

   
Répondre à ataos

2

gaya_102, le 8 oct 2009 à 23:22:25

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...

   
Répondre à gaya_102

3

 ataos, le 9 oct 2009 à 00:29:56

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....
:)

   
Répondre à ataos
Posez votre question Répondre
Ils ont besoin de votre aide