Bug IE

ricocorto Messages postés 50 Statut Membre -  
 Utilisateur anonyme -
Bonjour,
Après avoir fait ma page d'accueil sous firefox j'ai tenté le coup sur IE et le résultat est comme d'habitude pas réussi .
voila l'adresse:
http://publenoroit.com
le 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" >
   <head>
       <title>""" Le Noroît """</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Design" href="marr1.css" />

   </head>
   <body>
		<div id="en_tete">
		
					<ul id="nav">
						<li><a href="index.html">Accueil</a></li>
						<li><a href="equi.html">L'équipage</a></li>
						<li><a href="soir.html">Soirées</a></li>
						<li><a href="plan.html">Plan</a></li>
						<li><a href="http://book.skatefr.com/l/book.php?id=10302">Livre d'or</a></li>
					</ul>
		</div>
		<div id="conteneur">
				<div id="conten">
				<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload2.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="250" height="250" id="dewplayer" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="dewslider.swf?img=imag/penm.jpg,imag/bfluo.jpg,imag/bafc.jpg,imag/gh.jpg,&amp;randomstart=1&amp;transition=slide&amp;speed=20&amp;timer=3" /><param name="quality" value="high" /><embed src="dewslider.swf?img=imag/penm.jpg,imag/bfluo.jpg,imag/bafc.jpg,imag/gh.jpg,&amp;randomstart=1&amp;transition=slide&amp;speed=20&amp;timer=3" quality="high" width="250" height="250" name="dewplayer" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://get.adobe.com/flashplayer/"></embed></object>
				</div>
				<div id="text">
				<h1>Fabrice et Julien</h1>
				<p>Seront heureux de vous accueillir dans leur</br>
				etablissement ouvert toute l'année de 18h à 1h</br></p>
				<p>Dans une ambiance chaude et chaleureuse aux airs</br>
				de pub Irlandais, vous découvrirez une face cachée</br>
				de l'ile de Groix le soir.</p>
				</div>
		</div>
   </body>
</html>

et le css:
body
{    
   background-color: #5f511d; 
}
#en_tete
{
    width: 900px; 
	height: 250px;
	margin-top:0px;
	margin-bottom: 0px; /*Montrer une separation en_tete / corp */
	margin-left: auto;
	margin-right:auto;
	background: url("imag/marrontete.gif");
	background-repeat:no-repeat;
	/*border:1px solid black;*/
	
	
}


#nav
{
	text-align: center;
	list-style: none ;
	margin: 0px ;
	padding: 200px ;
}
#nav li 
{
	background: ;
	color: black;
	width:0px;
	margin-right: 1px ;
	display: inline ;
	
}
#nav li a 
{
	
	background:;
	color: black;
	
	font: 1em ,Arial,sans-serif ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	padding: 4px 20px ;
}
#nav li a:hover, #nav li a:focus, #nav li a:active 
{
	background: ;
	color:red;
	text-decoration: none ;
}
#conteneur
{
    width: 900px; 
	height: 600px; 
	margin-left: auto;
	margin-right:auto;
	background : url(imag/corps_or.gif);
	background-repeat:no-repeat;
	padding-top:100px;
}
#conten
{
    width: 250px; 
	height: 250px; 
	margin-left:100px ;
	background-color:white;
	float:left;
	
}
#text
{
    width: 400px; 
	height: 250px; 
	margin-left:430px ;
	
	
}
h1
{
	text-align:center;
}
p
{
	 font-size: 20px;
}

Que dois- je faire pour remedier à ce problème
Merci d'avance
A voir également:

2 réponses

Utilisateur anonyme
 
lu

augmente la largeur du div #en_tete et force peut etre rajoute display: inline

Ps: garder appuyer CTRL et bouge la mollette sur IE et firefox..

++
0
ricocorto Messages postés 50 Statut Membre 1
 
Je connaissais pas le coup de la molette(sympa)
si j'augmente le div en_tete mon en tete n'est plus centré
et excuse moi mais je dois rajoute display : inline ou?
merci pour ton aide
0
Utilisateur anonyme > ricocorto Messages postés 50 Statut Membre
 
dans le css dans ton div.
0
ricocorto Messages postés 50 Statut Membre 1
 
Je comprends pas le coup de la molette:
sans rien faire mon menu est sur la meme ligne
un cran de la molette le menu passe sur deux lignes
encore un autre tout revient normal
et ainsi de suite
c'est quoi le truc
0
Utilisateur anonyme
 
la molette est un raccourci : ca change la taille du texte

(tu peux la changer manuellement dans le menu du navigateur)

c'est pour te montrer que selon l'affichage des personnes il verront correctement ou pas ton site. ET ca permet aussi de tester si tu a bien developpé

un bon site doit rester quasiment en forme !

Essaye sur CCM. C'est pas parfait mais ca marche.

0