Bonjour à tous,
Je sous nouveau sur ce forum et aussi en mise en forme CSS
Je viens d'acheter le livre CSS2... Un grand bravo à Raphaël ! Superbe livre que je recommande à tous les débutants comme moi.
J'ai une question.
Je vais refondre tout mon site en CSS, notamment pour une meilleure compatibilité avec FF.
A la fin de mon code, j'inclus un footer. Or, celui-ci semble ne pas prendre en compte une de mes div (celle où s'affiche la pub).
Page : ht*p://www.avenue-des-assures.com/testcss.htm.
Mon footer semble suivre mon bloc central et pas les autres.
Comment faire pour qu'il s'affiche à la suite de ma DIV la plus "basse" ?
Mon CSS :
Modifié par loufpad (07 Feb 2006 - 00:57)
Je sous nouveau sur ce forum et aussi en mise en forme CSS
Je viens d'acheter le livre CSS2... Un grand bravo à Raphaël ! Superbe livre que je recommande à tous les débutants comme moi.
J'ai une question.
Je vais refondre tout mon site en CSS, notamment pour une meilleure compatibilité avec FF.
A la fin de mon code, j'inclus un footer. Or, celui-ci semble ne pas prendre en compte une de mes div (celle où s'affiche la pub).
Page : ht*p://www.avenue-des-assures.com/testcss.htm.
Mon footer semble suivre mon bloc central et pas les autres.
Comment faire pour qu'il s'affiche à la suite de ma DIV la plus "basse" ?
Mon CSS :
.left {
position: absolute;
top: 100px;
left: 0px;
margin: 0px;
padding: 0px;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
html>body #left {
width: 120px; /* ie5win fudge ends */
}
.leftpub {
position: absolute;
top: 500px;
width: 120px;
padding: 0px;
border: 1px solid red;
background: #666;
}
.middle {
margin: 0px 160px 20px 160px;
padding: 10px;
border: 1px solid red;
background: #666;
}
.right {
position: absolute;
top: 100px;
right: 0px; /* Opera5.02 will show a space
at right when there is no scroll bar */
margin: 0px;
padding: 10px;
border: 1px solid red;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
html>body right {
width: 120px; /* ie5win fudge ends */
}
.footer
{
position:relative;
left:0px;
top:0px;
height:30px;
background-color:#000099;
font-family:verdana, sans-serif;
font-size:80%;
color:white;
text-align:center;
}
Je vous remercie pour votre aide Modifié par loufpad (07 Feb 2006 - 00:57)