Bonjour à tous !
Certains d'entre vous pourraient-ils faire 2 choses pour moi ?
1) tester le rendu de ce lien http://www.1cog.com/public/footer.html[/url] sur Firefox, IE 6, IE 7, et safari, ou IE pour mac, et me dire si MEME en réduisant la fenetre à l'extreme, le footer ne repasse pas par dessus le fond de la page et de son contenu.
2) j'ai essayé d'insérer une colonne à droite du contenu sur ce script mais le footer ne fonctionne plus et repasse par dessus la colonne en partir ou ne se colle plus au fond de la page, une idée de génie ???
Voici le code css :
On tient peut etre le script parfait alors merci d'avance pour vos suggestions et tests !!
Certains d'entre vous pourraient-ils faire 2 choses pour moi ?
1) tester le rendu de ce lien http://www.1cog.com/public/footer.html[/url] sur Firefox, IE 6, IE 7, et safari, ou IE pour mac, et me dire si MEME en réduisant la fenetre à l'extreme, le footer ne repasse pas par dessus le fond de la page et de son contenu.
2) j'ai essayé d'insérer une colonne à droite du contenu sur ce script mais le footer ne fonctionne plus et repasse par dessus la colonne en partir ou ne se colle plus au fond de la page, une idée de génie ???
Voici le code css :
<!--
*{
margin:0;
padding:0;
}
* html #footer{
margin:-40px 0 0;
}
* html #nonfooter{
height:100%;
}
body{
background:#b1b163;
color:#666633;
height:100%;
text-align:center;
}
h1{
margin:0 20px 20px;
}
h6{
background:#666633;
color:#e2e2c7;
font-size:14px;
height:40px;
text-align:center;
}
html{
background:#ffcc00;
height:100%;
margin-bottom:1px;
}
p{
margin:0 20px 20px;
}
#content{
padding:0 0 30px;
}
#footer{
background:#99cccc;
margin:-40px auto 0;
position:relative;
text-align:left;
width:760px;
}
#nonfooter{
background:#e2e2c7;
border-bottom:1px solid #cccccc;/* keep opera happy */
margin:0 auto;
min-height:100%;
text-align:left;
width:760px;
}
-->
/*]]>*/On tient peut etre le script parfait alors merci d'avance pour vos suggestions et tests !!
