Problème de hauteur avec IE

gaya_102 -  
 gaya_102 -
Bonjour,

voila sous firefox mon menu est bien placé en hauteur (un peu trop a droite) mais sous ie il est trop bas. Comment je peux faire pour remédier a ca?
Configuration: Windows XP
Firefox 3.0

1 réponse

  1. gaya_102
     
    http://www.lemondedegaya.fr/essaie.php

    merci d'avance de votre aide 

    .hidden {
	position:absolute;
	top:-2000em;
	left:-2000em;
	width:1px;
	height:1px;
	overflow:hidden;
	}


li
{display:inline;}

.centreX
{
	position:absolute;
	left:50%;
	margin-left:-490px;
	width: 980px;
	top:50%;
	margin-top:-271px;
	height: 542px;
	background-image : url("images/fond_page.jpg");
	background-repeat: no-repeat;
	border :2px solid black;
	font-style: italic;
}
body {
	background-color: #f7d8fc;
	font-family:Georgia,Comic Sans MS, Times New Roman, Times, serif;
	font-style: italic;}
	
	span.titre {
color: #b04cbf;
	font-family: Georgia,Comic Sans MS, Times New Roman, Times, serif;

	font-size: 35px;
	text-decoration: none;
	text-align: center;
	position:absolute;
	top: 5px;
	left : 185px;
	font-style: italic;

}

a {
	color: #781d89;
	font-family:Georgia,Comic Sans MS, Times New Roman, Times, serif;
font-style: italic;
	font-size: 17px;
	text-decoration: none;
	text-align: center;
} 

a:hover {
    color: #e365f6;
	font-family:Georgia,comic Sans MS, Times New Roman, Times, serif;

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

span.slogan {
color: #7890d2;
	font-family: Georgia ,Comic Sans MS, Times New Roman, Times, serif;

	font-size: 17px;
	text-decoration: none;
	text-align: right;
	position:absolute;
	top: 50px;
	left: 558px;
	font-style: italic;
	margin-right:15px;
	}
	
	h1
	{
	font-size: 17px;
color: #781d89;
text-align:left;
text-decoration: underline ;
position:absolute;
top: 140px;
left:230px
}
	
	
#menuHorizon {
float:right;
margin-top:108px;
padding-left:0;
padding-right:25px;
}

#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:208px;
	height:283px;
	top: 280px;
	left: 5px;
	text-align: center;
	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" />
</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>
			<li><a class="gauche" href="http://www.lemondedegaya.fr/format.php">Les formats</a></li><br>
			<li><a class="gauche" href="http://www.lemondedegaya.fr/papiers.php">Les papiers</a></li><br>
			<li><a class="gauche" href="http://www.lemondedegaya.fr/textes.php">Idées de textes</a></li><br>
			<li><a class="gauche" href="http://www.lemondedegaya.fr/conditions.php">Conditions de ventes</a> </li>
		</ul>
		<div class="fenetre">
<br>
			<h1>La collection de faire-part de mariage </h1>
			<ul>
				<li><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" /><strong><p>La branche</strong></p></a>
					<p>A partir de 1.95 euros</p>
				</li>
				<li><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" /><strong>La branche</strong></a>
					<p>A partir de 1.95 euros</p>
				</li>
				<li><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" /><strong>La branche</strong></a>
					<p>A partir de 1.95 euros</p>
				</li>
				<li><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" /><strong>La branche</strong></a>
					<p>A partir de 1.95 euros</p>
				</li>
				<li><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" /><strong>La branche</strong></a>
					<p>A partir de 1.95 euros</p>
				</li>
			</ul>
		</div>
	</div>
	<div id="footer">...</div>
</div>
</body>
</html>
    0

Discussions similaires

Dimensions L x l x H : comment lire ces infos ?
Miss-Curieuse -
valou -

8 réponses
Donnée des ponts de france
Magouel -
Raymond PENTIER -

12 réponses
itinéraires pour poids lourds
barry -
go730 -

9 réponses
Prélèvement inconnu APPLE.COM/BILL ORIGINE IRL
leon274 -
HelpiOS -

1 réponse
Excel: hauteur lignes en cm ?
txiki -
Gorri -

5 réponses