18079 sujets

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

Nv Prob ^^ : Affichage Ok sous IE, Firefox mauvais sous Netscape

Bonjour,

Tout d'abord merci pour ce site alsacreations et en effet en très bonne ressource en matiere de css qui ma permis de vite progresser.
J'ai décidé de reconvertir mon site en un site au format xhtml. Néanmoins un problème d'affichage très ennuyant persiste ! Smiley ohwell

Vous pouvez trouver cette page à l'adresse suivante :
http://www.chonchuweb.com/v3/essai3.htm
Les pocesseur de IE ne verons aucun problème dans cette page mais ceux de firefox pourrons constater une petite bande blanche entre ma bannière et mes deux balise de menu et contenu Smiley confus
Je ne comprend plus rien car rien n'explique ce problème Smiley eek
voici l code de mon html et de mon css 

<!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>Création d'un design étape par étape - Etape n°1 : Le code xhtml</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Language" content="fr" />
	    <link href="style2.css" rel="stylesheet" type="text/css" />
	</head>
	
	<body>
	<div class="conteneur">
	<div><img src="ban4.jpg"></div>
	<div class="menupr">
	<img src="hyunwuk.gif">
	<div class="menu"><a href="http://www.chonchuweb.com">essai1</a><br>
	<a href="http://www.chonchuweb.com">essai2</a><br><a href="http://www.chonchuweb.com">essai3</a></div>
	<img src="epeechonchu.gif" width="150px"><div class="menu"><a href="http://www.chonchuweb.com">essai1</a><br>
	<a href="http://www.chonchuweb.com">essai2</a><br><a href="http://www.chonchuweb.com">essai3</a></div></div>
	<div class="deco1">
	  <p>&nbsp;</p>
	  </div>
	</div>
	</body>
</html>


body {
background-color: #fbf4e4 ;
}
a:link{
color:green;
text-decoration: none;
}
a:visited{
color:green;
text-decoration:none;
}
a:hover{
color: red;
text-decoration: none;
}
div.conteneur
{
	width: 922px ;
	height: 560px;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #000 ;
	background: #fff ;
}
div.menu
{
margin-left:10px;
}
div.menupr
{
height:400px;
width : 150px;
background-color : #000;
float:left;
}
div.deco1
{
width:772px;
height:400px;
float: right;
margin-top:0px;
background-image:url(verif.gif);
background-repeat:no-repeat;
}


Le site présenter n'est ici que très primaire les contenu noir et rouge ne seront remplacé par des images ^^
Merci d'avance pour votre aide Smiley biggrin
Modifié par Nova (19 Dec 2005 - 13:35)
Bonjour, Essaie ça :


<!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>Création d'un design étape par étape - Etape n°1 : Le code xhtml</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="fr" />
<link href="style2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="conteneur">
[b]<div id= "banniere"><img src="ban4.jpg"></div>[/b]
<div class="menupr">
<img src="hyunwuk.gif">
<div class="menu"><a href="http://www.chonchuweb.com">essai1</a><br>
<a href="http://www.chonchuweb.com">essai2</a><br><a href="http://www.chonchuweb.com">essai3</a></div>
<img src="epeechonchu.gif" width="150px"><div class="menu"><a href="http://www.chonchuweb.com">essai1</a><br>
<a href="http://www.chonchuweb.com">essai2</a><br><a href="http://www.chonchuweb.com">essai3</a></div></div>
<div class="deco1">
<p> </p>
 </div>
</div>
</body>
</html>




body {
background-color: #fbf4e4 ;
}
a:link{
color:green;
text-decoration: none;
}
a:visited{
color:green;
text-decoration:none;
}
a:hover{
color: red;
text-decoration: none;
}

div.conteneur
{
	width: 922px ;
	height: 560px;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #000 ;
	background: #fff ;
}
div.menu
{
margin-left:10px;
}
div.menupr
{
height:400px;
width : 150px;
background-color : #000;
float:left;
}
div.deco1
{
width:772px;
height:400px;
float: right;
margin-top:0px;
background-image:url(verif.gif);
background-repeat:no-repeat;
}
[b]
#banniere
{
height:160px;}
[/b]


Les modifs sont en gras : j'ai donné au div la même taille que la bannière.
Au passage n'oublie pas de donner les tailles des images en html (width et height)
La coutume, ici est de mettre "[résolu]" devant le titre de ton message quand la solution a été trouvée Smiley cligne
bonjour

Je reedite ce message car un nouveau bug d'affichage est apparu ^^
cet fois sous netscape je vous laisse découvrir cet erreur en image.
http://www.chonchuweb.com/v3/netsacpe.jpg
J'ai effectué beaucoup de modifications sur le code depuis ma derniere venu néanmoins je pense que l'erreur ne vient pas de ces ajouts le code est donc le même que précedement.
Merci d'avance.

PS : si par la même occasion vous vous sentez l'envie de commenter cette version du site j'en serais ravi Smiley lol
Modifié par Nova (19 Dec 2005 - 13:38)
Sujet clos
Aller à