18073 sujets

Questions générales et questions de débutants

Problème de mise en page avec Firefox et IE..

Bonjour tout le monde,

je développe un site et je n'arrive pas à "placer" mon menu dans mon tableau fait pour le menu.

Je sais que les tableaux sont pour des données et ainsi de suite mais je ne sais pas encore programmer en CSS donc.. En plus que le site est quasiment terminé. Smiley biggrin

Ceci étant dit, je vais vous montrer des captures d'écran avec Firefox et Internet Explorer.

Menu sous Firefox
Menu sous Internet Explorer

Peu importe le navigateur, le menu ne se "place" pas au bon endroit.

Je vous donne le code du menu.

Partie CSS:
<style type="text/css">
<!--
/* CSS issu des tutoriels  http://css.alsacreations.com  */
body {
font: normal 10px trebuchet ms;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 1em;
left: 1em;
width: 196px;
border: 1px solid #989898; /* IE6 Bug */
border-bottom: 0;
}

#menu dt {
cursor: pointer;
background: #CFCFCF;
height: 20px;
line-height: 20px;
margin: 0px 0;
border-bottom: 1px solid #989898;
text-align: left;
}

#menu dd {
position: absolute;
z-index: 100;
left: 15.1em;
margin-top: -1.7em;
width: 195px;
background: #CFCFCF;
border: 1px solid #989898; /* IE6 Bug */
border-bottom: 0;
}

#menu ul {
padding: 0px;
}
#menu li {
text-align: left;
font: normal 13px trebuchet ms;
height: 20px;
line-height: 20px;
border-bottom: 1px solid #989898;

}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;

}

#menu li a:hover {
/* text-decoration: underline; */
}


#mentions {
font: normal 10px trebuchet ms;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

html	{
	height: 100%;   /* needed by Netscape to prevent it going crazy*/
}
.gauche	{
	float: left;
	position: relative; /*needed by IE6*/
	text-align: left;
}

.droit	{
	float: right;
	position: relative; /* needed by IE6*/
        top: 2px;
	text-align: right;
}

-->
</style>


Partie Javascript:
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->
</script>


Le code de ma page index.php:
<html>

<head>
<meta http-equiv="Content-Language" content="fr-ca">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<? 
include("admin/inc/informations.php3");
include("admin/inc/fonctions.php");
$sql = "SELECT * FROM config";
$res = mysql_query($sql) or die(erreur_sql($sql));
while ($log = mysql_fetch_array($res)) {
	$title = $log['titre_page'];
echo "<title>$title</title>";
}
?>
<style>
<!--**************************************************
.lien:hover {}
.lien {color:#777777;text-decoration:none}
.lien:hover {color:#000000;text-decoration:none}

.normal:hover {color:#777777}
.normal {color:#777777;text-decoration:none}
.normal:hover {text-decoration:underline:none}
 *****************************************************-->
</style>

</head>

<body background="images/background.jpg" topmargin="0" leftmargin="0">


<div align="left">
	<table border="0" width="908" cellspacing="0" cellpadding="0">
		<tr>
			<td width="23"></td>
			<td>
			<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
				<tr>
					<td width="777">
					<table border="0" width="100%" cellspacing="0" cellpadding="0">
						<tr>
							<td width="777">
							<table border="0" width="100%" cellspacing="0" cellpadding="0">
													<tr>
									<td bgcolor="#651F21" height="20">
<table border="1" width="100%" style="border-collapse: collapse; border-left-color: #CECECE; border-right-color: #FFFFFF;" cellspacing="0" cellpadding="0" bordercolor="#651F21">
										<tr>
											<td> <?
include("admin/inc/informations.php3");
$sql = "SELECT * FROM config";
$res = mysql_query($sql) or die(erreur_sql($sql));
while ($log = mysql_fetch_array($res)) {
	$image = $log['banner'];

											echo "<img border=\"0\" src=\"images/$image\" width=\"780\" height=\"161\"></td>";
}
											     ?>
										</tr>
									</table>									

									</td>

								</table>
							</td>
						</tr>
						<tr>
							<td width="100%" bgcolor="#696969" height="4"></td>
						</tr>
						<tr>
							<td width="777" bgcolor="#FFFFFF">
							<table border="0" width="100%" cellspacing="0" cellpadding="0">
								<tr>
									<td width="196" align="left" valign="top"><? include("menu_alsacreation.php"); ?>
</td>
									</td>
<td width="581" valign="top">
									<table border="0" width="100%" cellspacing="0" cellpadding="0">
										<tr>
											<? include("centre.php"); ?>
										</tr>
									</table>
									</td>

								</tr>
							</table>
							</td>
						</tr>
					</table>
					</td>
				</tr>
			</table>
			
		</tr>
			<td align="left" valign="top" width="108">
			<table border="0" cellspacing="0" cellpadding="0" width="100%">
				<tr>
					<td><img border="0" src="images/bg_spacer.jpg" width="1" height="167"></td>
				</tr>
				<tr>
					<td>
					<table border="1" style="border-collapse: collapse; border-left-color: #CECECE" width="100%" bgcolor="#000000" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF">
						<tr>
							<td align="center" bgcolor="#901919"><img src="images/arts.jpg"></td>
						</tr>
						<tr>
							<td align="center" bgcolor="#901919"><font color="#FFFFFF" face="Trebuchet MS" style="font-size: 13px">ARTS</font></td>
						</tr>
						<tr>
							<td align="center" bgcolor="#901919">
							<img src="images/culture.jpg" width="106" height="77"></td>
						</tr>
						<tr>
							<td align="center" bgcolor="#901919"><font color="#FFFFFF" face="Trebuchet MS" style="font-size: 13px">CULTURE</font></td>
						</tr>
						<tr>
							<td align="center" bgcolor="#901919">
							<img src="images/societe.jpg" width="106" height="77"></td>
						</tr>
						<tr>
							<td align="center" bgcolor="#901919"><font color="#FFFFFF" face="Trebuchet MS" style="font-size: 13px">SOCIÉTÉ</font></td>
						</tr>
						<tr>
							<td align="center" bgcolor="#901919">
							<img src="images/sports.jpg" width="106" height="77"></td>
						</tr>
						<tr>
							<td align="center" bgcolor="#901919"><font color="#FFFFFF" face="Trebuchet MS" style="font-size: 13px">SPORTS</font></td>
						</tr>
					</table>
					</td>
				</tr>
			</table>
		</tr>
	</table>
</div>

</body>

</html>


Désolé pour la longeur du "post", mais j'aimais mieux tout mettre que de me le faire demander. Smiley rolleyes

Je vous remercie d'avance!

Amicalement,

Inazad
Modifié par Inazad (07 May 2006 - 22:58)
Bonjour Inazad,

Ca ne rend rien avec le code que tu as donné Smiley ohwell

Peux-tu donner un lien stp ?
Sujet clos
Aller à