28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un petit souci de mise en forme sur cette page :

http://julihus.free.fr/www.ville-unieux.fr/citoyenne/citoyenne.php

Sur FF le bloc du menu horizontal et le bloc ou il y a CITOYENNE en gros sont décalés vers le bas par rapport à IE.

Voici mon code CSS :


/*************************************************/
/*         Contenants                            */
/************************************************/

#conteneur {
left:50%;
margin-left:-367px;
position:absolute;
top:150px;
width:735px;
}

#contenu {
margin:5px auto 0;
}

#en-tete {
	left:50%;
	margin-left:-367px;
	position:absolute;
	width:735px;
	z-index:500;
}

#liens_generaux {
margin:0 auto;
padding:0;
position:absolute;
width:735px;
z-index:100;
}

#menu_general,#bandeau_flash {
	margin:0;
}

#contenu_cible {
	position: absolute;
	width: 570px;
}

#rubriques_page {
	background-position:right;
	background-repeat:repeat-y;
	float:right;
	width:147px;
	height: 200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#titre_rub {
	background-image: url(../../citoyenne/images/titre_citoyenne.gif);
	color: #00A0C6;
	background-position:top;
	background-repeat:no-repeat;
	height:50px;
	width:735px;
}

/*************************************************/
/*      Menu général et menu rubriques           */
/************************************************/

dl,dt,dd,ul,li {
list-style-type:none;
margin:0;
padding:0;
}

dd {
display:none;
}

#liens_generaux dl,.rubriques dl {
float:left;
height:22px;
width:147px;
}

#liens_generaux dt a {
color:#FFF;
font-family:"Arial Narrow", Arial, sans-serif;
font-weight:700;
}

.rubriques dt a {
color:#FFF;
font-family:"Arial Narrow", Arial, sans-serif;
font-size:0.9em;
font-weight:700;
}

#liens_generaux dt,.rubriques dt {
cursor:pointer;
height:22px;
text-align:center;
width:147px;
}

#liens_generaux li a,#liens_generaux dt a,.rubriques li a,.rubriques dt a {
border:0 none;
display:block;
height:100%;
text-decoration:none;
}

#liens_generaux li a,.rubriques li a {
color:#666;
font-family:"Arial Narrow", Arial, sans-serif;
font-size:0.9em;
}

#liens_generaux li a:hover,#liens_generaux dt a:hover,.rubriques li a:hover,.rubriques dt a:hover {
background:#E6E6E6;
color:#666;
}

#liens_generaux li,.rubriques li {
height:22px;
text-align:center;
}

.rub_accueil,.rub_citoyenne {
margin-bottom:3px;
margin-top:3px;
}


/******* Couleurs des menus et sous menus *************/

.rub_accueil {
background-color:#A80300;
}

#bleu,.rub_citoyenne {
background-color:#00A0C6;
}

#orange {
background-color:#F90;
}

#rouge {
background-color:#FF1A00;
}

#smenu1 {
background-color:#AEDEFC;
}

#smenu2 {
background-color:#8ADDAD;
}

#smenu3 {
background-color:#FCE0BB;
}

#smenu4 {
background-color:#FFCECA;
}

#smenu5 {
background-color:#EECDFC;
}

#vert {
background-color:#01AD4E;
}

#violet {
background-color:#BA00FF;
}

/*************************************************/
/*    Titres des rubriques chemin dans le site   */
/************************************************/

#titre_rub li {
float:left;
margin-right:7px;
}

.gros_ssrub {
font-family:"Arial Narrow", Arial, sans-serif;
font-size:1.4em;
margin-top:16px;
}

.petit_ssrub {
font-family:"Arial Narrow", Arial, sans-serif;
font-size:1.1em;
margin-top:19px;
}



Merci
Modifié par Julihus (22 Feb 2006 - 18:37)