28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Bon voilà la page conçernée : ici.

Le résultat de mise en page que l'on obtient avec IE me convient mais pourquoi sous Firefox la mise en page est-elle différente ?

Merci pour vos réponses sur cette question qui me turlupine.

code css :


body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #dea ;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}

label,input,textarea {
	display:block;
	margin-bottom:8px;
	margin-left:20px;
	margin-top:10px;
}

label {
	text-align:left;
}

textarea {
	width:280px;
}

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #ab4 ;
	background: #fff ;
}
h1#header
{
	height: 258px ;
	background: url("../Images_site/pellicule.png") no-repeat right top ;
	margin: 0 ;
}

h1#header a
{
	width: 400px ;
	height: 150px ;
	display: block ;
	background: url("../Images_site/titre_site.png") no-repeat ;
	position: relative ;
	left: 10px ;
	top: 15px ;
	text-indent: -5000px ;
}

ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
	background: url("../Images_site/fond_menu.png") repeat-x 0 -25px ;
}

ul#menu li
{
	display: inline ;
	margin-right: 1px ;
}

ul#menu li a
{
	padding: 0 20px ;
	border-right: 1px solid #600 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	color:#000000 ;
}

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

div#contenu
{
	padding: 0 25px 0 100px ;
	background: url(bg_page.gif) no-repeat 15px 15px ;
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #8a0 ;
}

#livre {
	background:url(../images_site/plume_copie.png) no-repeat;
	height:250px;
}

Modifié par Chypster (02 Aug 2007 - 16:05)
Bonjour,
je ne vois aucun problème de mise en age flagrant mais seulement
la transparence des png qui n'est pas pris en compte par IE6.
Fais une recherche sur ce forum pour le png transparent Smiley cligne