Décalage sous IE
gaya_102
-
ataos Messages postés 74 Statut Membre -
ataos Messages postés 74 Statut Membre -
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
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;
}
A voir également:
- Décalage sous IE
- Ie tab - Télécharger - Outils pour navigateurs
- Decalage son disney plus - Forum Audio
- Ie 11 - Télécharger - Navigateurs
- Bill ie cork - Forum Vos droits sur internet
- Iptv decalage son image ✓ - Forum Gravure
2 réponses
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.
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.
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....
:)
<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....
:)
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...