28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

voilà y a encore un pied de page qui me bloque !
Et pourtant j'ai l'impression d'avoir appliqué tout ce qu'il fallait, notamment grâce à l'aide de ce bon tuto : http://web.covertprestige.info/test/16-page-sur-toute-la-hauteur-et-pied-de-page-1.html

En fait ca marche sous IE et pas sous Firefox, le comble non ??? Smiley lol Smiley lol Smiley lol Le pied de page sous Firefox reste en milieu de page...

Voici la page en ligne :
http://www.creation-website.info/test/cws/

Et voici mon bout de code CSS :
/* CSS Document */
body
{
	margin:0;
	padding:0; 
	background-color:#FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #4F4F4F; 
    scrollbar-face-color: #FFFFFF; 
    scrollbar-shadow-color: #669999;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #CCE5E5; 
    scrollbar-darkshadow-color: #000000; 
    scrollbar-track-color: #FFFFFF; 
    scrollbar-arrow-color: #CCE5E5;	
	height: 100%;
}
div#page {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
}
div#footer {
	position: relative;
	bottom: 0; 
	left: 0;
	width: 740px;
	background-image:url(images/pix_gris.gif);
	font-size: 0.9em;
	color: #FFFFFF; 
	height:20px;
	margin-top:10px;
	padding:10px 10px 0px 10px;
}
div#haut
{
	width:760px;
	position:relative;
	margin-top: 0;
}
div#contenant
{ 
	width:760px;
	position:relative;
}


Un grand merci d'avance pour votre aide !!!
Modifié par GreggBazin (06 Feb 2007 - 14:12)
Salut,

Il te suffit d'ajouter une petite ligne à ta feuille de style :


div#footer {
	position: relative;
	bottom: 0; 
	left: 0;
	width: 740px;
       	background-image:url(images/pix_gris.gif);
	font-size: 0.9em;
	color: #FFFFFF; 
	height:20px;
	margin-top:10px;
	padding:10px 10px 0px 10px;
        [b][#black]clear: both;[/#][/b]
}

Modifié par Mikachu (06 Feb 2007 - 12:26)
Salut à tous, j'essaye désespérément de faire un pied de page automatique aussi, et malgré le tuto, et vos réponses dans le forum, je n'y arrive pas...

voilà le problème : test footer

Pourrais tu me dire ou mettre les différents id="page" id="contenant" id="haut" et id="footer" (j'ai une petite idée pour ce dernier quand même -_-)
Merci à tous Smiley smile
Voici le code de mon fichier PHP :

<div id="page">

<div id="haut"></div>

<div id="contenant"></div>

<div id="footer"></div>

</div>


Tout simple en fait Smiley biggrin J'espère que ca peut t'aider...