28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
Je sous nouveau sur ce forum et aussi en mise en forme CSS Smiley cligne
Je viens d'acheter le livre CSS2... Un grand bravo à Raphaël ! Smiley biggrin 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 Smiley ravi
Modifié par loufpad (07 Feb 2006 - 00:57)
Administrateur
Salut, merci pour les compliments et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
si ce post est résolu, alors il te faut editer ton premier message et mettre un [résolu] devant le titre de ton post Smiley cligne