Problème sous IE

Résolu/Fermé
Tartoo Messages postés 5 Date d'inscription dimanche 27 avril 2008 Statut Membre Dernière intervention 24 novembre 2008 - 23 nov. 2008 à 15:35
Tartoo Messages postés 5 Date d'inscription dimanche 27 avril 2008 Statut Membre Dernière intervention 24 novembre 2008 - 24 nov. 2008 à 20:09
Bonjour,
Je suis entrain de créer un site web pour mon groupe et je rencontre un problème concernant tous ce qui se trouve dans mon <div id="corps">. Aucuns liens ne fonctionnes et les scroll-barre ne fonctionne pas.
Voici ma source css:
body
{
	background-image: url("Skins/metal_500.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
}

#background
{
	background-image: url("Skins/design_site_1.png");
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1024px;
	height: 768px;
}

#message_flash
{
	margin-top: -555px;
	margin-left: 64px;
	margin-right: 57px;
	width: 993px;
	color: white;
}

#menu
{
	margin-left: 100px;
	margin-top: -407px;
}

#menu a
{
	color: white;
	text-decoration: none;
}

#menu a:hover
{
	color: rgb(60,91,106);
	margin-left: 5px;
	text-decoration: underline;
}

#corps
{
	margin-left: 320px;
	margin-top: 100px;
	overflow: auto;
	height: 365px;
	width: 716px;
}

#corps p
{
	color: white;
	font-size: 18px;
}

#corps a
{
	color: red;
	font-size: 18px;
	text-decoration: none;
}

#corps a:hover
{
	color: rgb(60,91,106);
	text-decoration: underline;
}

p
{
	font-family: Calibri;
}

a
{
	font-family: calibri;
	font-size: 17px;
}

#mini_ban_PR 
{
	background-image: url("mini_ban_PR.jpg");
	background-repeat: no-repeat;
	width: 300px;
	height: 50px;
	margin-left: 320px;
}

#mini_ban_PR:hover
{
	background-image: url("mini_ban_PR_roll.jpg");
	background-repeat: no-repeat;
	width: 300px;
	height: 50px;
	margin-left: 320px;
} 


et ma source html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">	
	<head>
		<title>PartyRemix|Nous contacter</title>
		<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
		<link rel="stylesheet" media="screen" type="text/css" title="PartyRemix" href="contact.css" />
	</head>	
	<body>
		<div id="background">
		</div>
		
		<div id="message_flash">
			<marquee>Bienvenu sur PartyRemix! Soirée le 3 janvier 2009!! Il est préférable d'utiliser le site sous modzilla firefox</marquee>
		</div>
		
		<div id="corps">
			<p>
				Vous pouvez nous contacter à l'adresse <font color="red"><a href="partyremix@yahoo.fr">partyremix@yahoo.fr</a></font><br>
				Nous vous proposons ci-dessous des plans pour vous diriger.<br>
				Si ceux-ci ne vous suffisent pas vous pouvez nous en demander d'autres via<br>
				notre adresse de messagerie.<br>
				<font color="orange">Vous rencontrerez malheureusement un problème avec les plans<br>
				sous Internet Explorer. Dans ce cas veuillez nous contacter pour recevoir les plans.</font><br>
				<br>
				<br>
				<font color="yellow">Soirée du 3 janvier 2009 place de Belle-Maison:</font>
				<br>
				<font color="red">-Vue rapprochée</font><br>
				<img src="Maps/plan1.jpg"><br>
				<font color="red">-Vue éloignée</font><br>
				<img src="Maps/plan2.jpg"><br>
			</p>
		</div>
		
		<div id="mini_ban_PR">
		</div>
		
		<div id="menu">
			<a href="index.html"><h3>Accueil</h2></a>
			<a href="news.html"><h3>News</h2></a>
			<a href="galerie.html"><h3>Galerie</h2></a>
			<a href="calendrier.html"><h3>Calendrier</h2></a>
			<a href="#"><h3>Vos musiques</h2></a>
			<a href="#"><h3>Le matériel</h2></a>
			<a href="dj.html"><h3>Nos joyeux DJ 's</h2></a>
			<a href="contact.html"><h3>Nous contacter</h2></a>
		</div>	
	</body>
</html>


Je sais que ce n'est pas vraiment très propre comme codage mais je n'ai eu que des tutoriaux, jusqu'à présent, pour me guider.
Merci d'avance pour votre réponse,
Tartoo
A voir également:

2 réponses

Wazza6 Messages postés 180 Date d'inscription lundi 31 décembre 2007 Statut Membre Dernière intervention 21 juillet 2012 40
23 nov. 2008 à 16:49
Bonjours,
ça fait un bail que j'ai pas fait de CSS/HTML , mais il me semble que entre corps et p / a ... il faut mettre un "." exemple:
#corps p
{
color: white;
font-size: 18px;
}
essais ton code CSS en mettant des points ,
j'espère t'avoir aidé
0
Tartoo Messages postés 5 Date d'inscription dimanche 27 avril 2008 Statut Membre Dernière intervention 24 novembre 2008
23 nov. 2008 à 17:52
Merci pour ton aide Wazza6 mais malheureusement ça ne fonctionne pas.
Je pense que les "." son utilisé pour déclarer des <div class="">.
0
Tartoo Messages postés 5 Date d'inscription dimanche 27 avril 2008 Statut Membre Dernière intervention 24 novembre 2008
24 nov. 2008 à 20:09
J'ai finalement trouvé le problème.
Il suffisait d'ajouter un float: left; dans la balise menu.
0