28172 sujets

CSS et mise en forme, CSS3

Problème de pied de page

Bonjour,

Depuis plusieurs jours je planche sur ce pied de page
j'ai tout essayé, en faisant un style fix, en pourcentage etc
La je suis arrivé à une page qui me plait mais je n'arrive pas a faire que mon pied de page soit en bas sur la largeur
Si il vous faut mon Css je êux vous le mettre ca aidera
Je me suis servi d'un modéle dream en changeant plein de trucs lol
Il est très long oups 
[code]/***********************************************/
/*Crée le 17 juillet 2008 par Odile */
body{
	font-family: Bookman Old Style;
	font-size: 0.8em; /* affiché en 10px */
	font-weight:bolder;
	color: #FFFFFF;
	line-height: 1.166;
	margin-left: auto;
	margin-right: auto;
	padding: auto;
	cursor: url(moncurseur.cur);
	background-color: #000000;
	width: 70%;
	height:100%;
	margin-top: 0;
}
#content{
	position: relative;
	width: 870px;
	margin:0px;
	padding: 0px 0px 0px 0px;
	border: 0;
	height: 100%;
}

#baniere{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 870px;
}

ul {
	float: none;
	list-style-type: square;
	color: #000000;
	background: #17a;
	border-bottom: 0.2em solid #17a;
	border-right: 0.2em solid #17a;
	border-left: 0.2em solid #17a;
	background-color: #6699FF;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

#gauche{
	float: left;
	height:100%; 
	width: 150px;
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #6699FF;
	border-right: solid 1px #6699FF;
	background-color: #FFFFFF;
	list-style-type: none; 
}
#gauche ul a:link, #gauche ul a:visited {display: block;}
#gauche ul {list-style: none; margin: 0; padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#gauche li {border-bottom: 3px solid #EEE;
}

/* fix for browsers that don't need the hack */
html>body {border-bottom: none;
padding: 0px 0px 5px 0px;
border-bottom-color:#cccccc;
}

/*********** #sectiongauche ***********/

#sectiongauche{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #6699FF;
	font-size: 90%;
	list-style-type: none; 
}

#sectiongauche h3{
	padding: 20px 0px 10px 10px;/*haut - droite - dessous - gauche*/
	text-align:center;
	font-size:12px;
}

#sectiongauche a {
	display: block;
	border-top: 1px solid #6699FF;
	border-bottom: 1px solid #6699FF;
	padding: 2px 0px 2px 2px;/*haut - droite - dessous - gauche*/
}

#sectiongauche a:hover{
	background-color: #FFFFFF;
}

.centre{
	padding: 0px 0px 5px 0px;/*haut - droite - dessous - gauche*/
	margin-left: 150px;
	margin-right: 200px;
	text-align:center;
	font-size:1em;
	width:510px;
	margin-top:0px;
}

.centre h3{
	padding: 10px 0px 5px 0px;/*haut - droite - dessous - gauche*/
	text-align: center;
}

.centre img{
	float:left;
	padding: 5px 5px 0px 0px;/*haut - droite - dessous - gauche*/
}
ul droite{
	float: none;
	list-style-type: square;
	color: #000000;
	background: #17a;
	border-bottom: 0.2em solid #17a;
	border-left: 0.2em solid #17a;
	background-color: #6699FF;
}
#droite{
	position: absolute;
	right:-0px;
	width: 200px;
	padding: 0px;
	border-left: solid 1px #6699FF;
	border-right: solid 1px #6699FF;
	background-color: #FFFFFF;
	list-style-type: none;
	top: 150px;
}
#droite ul a:link, #droite ul a:visited {display: block;}
#droite ul {list-style: none; margin: 0; padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#droite li {border-bottom: 3px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body {border-bottom: none;
padding: 0px 0px 5px 0px;/*haut - droite - dessous - gauche*/
border-bottom-color:#cccccc;
}

/*********** #sectiondroite ***********/

#sectiondroite{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #6699FF;
	font-size: 90%;
	list-style-type: none; 
}

#sectiondroite h3{
	padding: 20px 10px 10px 0px;/*haut - droite - dessous - gauche*/
	text-align:center;
	font-size:12px;
}

#sectiongdroite a {
	display: block;
	border-top: 1px solid #6699FF;
	border-bottom: 1px solid #6699FF;
	padding: 2px 2px 2px 0px;
}

#sectiondroite a:hover{
	background-color: #FFFFFF;
}

.news p {
	font-size: 0.8em; /* affiché en 12px */
	background-color:#6699FF;
	margin-top:0px;
	color: #000000;	
}
.news {
	width:480px;
	margin:auto;
        }

/************* #siteInfo styles ***************/

#siteInfo{
	margin: 0;
	padding: 5px 5px 0px 0px;
	font-size: 75%;
	color: #FFFFFF;
	width: 870px;
	border-color: #CCCCCC;
}
.spacer
{
	clear: both;
	width: 870px;	
}
a{
	color: #000000;
	font-weight:bolder;
	text-decoration: none;
}

a:link{
	color: #FFFFFF;
	font-weight:bolder;
	text-decoration: none;
}

a:visited{
	color: #333333;
	font-weight:bolder;
	text-decoration: none;
}

a:hover{
	color: #000000;
	font-weight:bolder;
	text-decoration: underline;
}

h1 {
	font-size: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
}
h2 {
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight:bolder;
	text-align: center;
}
 h3 {
     color:#F1E3FF;
     font-size:0.8em; /* affiché en 9px */	
     margin-bottom:0px;
	 background-color: #000000;
 }

h4{
	font-family:Verdana Arial,sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight:bolder;
	text-decoration: none;
}


h5{
	font-family: Verdana,Arial,sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color: #6699FF;
}


Merci de votre aide
Houla ! Premier post à 14h18 et premier up à 15h25 ! Et un samedi en plus ! Smiley ravi

Un pitit peu de patience ! Smiley cligne
Sujet clos
Aller à