Salut


tu as essayé de virer : position: relative ?

de plus il faut l ensemble du code pour voir , car dépend de la sructure de ta page

la tristesse c est de ne pas savoir que l on est heureux !

Salut,
Moi je met une div qui prend 85% de ma page pour le contenu principal, ainsi tout ce qui est ecrit sous cette div est en pied de page et je garde une place pour mon menu à gauche.
Sinon tu cree un tableau en taille relative(%) et tu met le contenude ton footer sur la derniere ligne.
La reponse est spartiate mais si tu as encore des problemes je tacherai d'être plus precis.

Eh, va donc faire un tour ici, http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS

Merci.

J'ai réussis a mettre mon pied de page en premier plan, et en bas en lui afflichant 700px.
Mais est il possible de ne pas lui mettre une valeur fixe, et qu'il descende automatiquement par rapport au contenu du texte qu'il y aura.

Ou va t'il le faire automatiquement ?

Merci de votre aide,
Cdt
M@tt

Bonjour,

warlix dit “il faut l ensemble du code pour voir”.
Il a raison.

Il existe différentes manières de faire.
En fonction des choix qui ont été faits ailleurs pour la mise en page.

Donc, DONNE LE CODE DE LA PAGE ENTIÈRE.

Sinon, une manière de faire.

--

Salut,

Ton pied de page va descendre automatiquement par rapport au contenu du reste de ta page si tu suis mes conseils, et que tu t'inspires des gabarits de page disponibles sur alsacréations (voir le liens 2 post plus haut).

A quoi ca sert de poster des messages si tu ne tient pas compte des réponses ?

Ps : essait d'être plus explicite, il y a dans ton message des phrases qu'on a du mal a comprendre.
Ex : J'ai réussis a mettre mon pied de page en premier plan, et en bas en lui afflichant 700px.

Essayer avec :
div#footer
{
margin: 0;
width: 700px ;
height: 20px ;
display: block ;
text-align: right;
color: #8a0 ;
position:absolut;
}

Tout cela est vrai, mais très dure d'explicité la chose quand mon vient tout juste de ce lancer dans le html et css.
Voici mon code style.css
SI vous pouvez apporter des modifications pourquoi pas! Je suis prenneur.
Pour refaire une récap. mon image en pied de page, en bien en bas, centrer au milieu de la page. Sauf que quand je rajoute du texte dans le corps, il passe derriere l'image de pied-de-page ... Alors que celui-ce devrait descendre en s'ajustant.
Si je ne suis pas très claire, dite-le moi, j'essayerais de m'éclaircir d'avantage.

Merci quand même!

-------------------------------

html, body {
width: 100%;
height: 100%;
margin: 0px;
padding:0px;
}

div#conteneur {
margin: 0px 0px 0px -385px;
padding: 0px;
left: 50%;
position: absolute;
width: 770px;
height: 100%;
min-height: 100%;
}

html>body div#conteneur {height: auto;}

div#banniere {
background: url('images/banniere.jpg') no-repeat top left;
width: 770px;
height: 185px;
margin: 0px;
padding: 0px;
}
div#banniere h1 {
color: #FFFFFF;
margin: 0px 0px 0px 520px;
font-size: 20px;
padding: 20px
}
div#contenu {
margin: 0px 0px 0px 0px;
padding: 10px;
width: auto;
height: auto;
float: left;
}

div#contenu p {
color: #595959;
margin: 0px 0px 0px 8
font-weight: bold ;
font-family: Verdana, Arial, Geneva;
text-align: center;
}

div#contenu u {
color: #595959;
margin: 40px 0px 0px 40px;
font-family: Verdana, Arial, Geneva;
text-align: justify;
}

div#contenu f {
color: #595959;
margin: 40px 0px 0px 40px;
font-family: Verdana, Arial, Geneva;
text-align: justify;
}

ul#menu{
margin: 0px 0px 20px 0px;
padding: 0px ;
height: 35px;
width: 770px;
text-align: center;
color: #c0ff40;
font-family: comic sans ms, geneva, sans-serif;
font-size: 14px;
list-style-type: none;
}

ul#menu li {
margin: 0px;
width: 154px;
float: left;
text-align: center;
background: #000000;
}

ul#menu li a {
color: #FFFFFF;
background: url('images/bouton.jpg') no-repeat top left;
text-decoration: none;
height: 25px;
font-weight: bold;
font-size: 14px;
display: block;
}

ul#menu li a:hover {
color: #000000;
background: #FFFFFF;
}

div#pied_de_page {
position: absolute;
margin: 700px 0px 0px 254px;
background: url('images/pied_de_page.jpg') no-repeat top left;
width: 770px;
height: 50px;
border: 0px #000000 solid;
clear:both; /*Place le pied en element flottant*/
}

div#a {
color: #000000;
margin: 23px 0px 0px 200px;
padding: 0px;
width: 770px;
height: 50px;
font-size: 10px;
font-weight: none;
font-family: Geneva, Verdana, Arial;
text-align: center;
}


M@tt

Merci madmaskx,

J'en ai réussi avec mon pied de page. J'ai maintenant un autre petit soucis, je reports à mon autre post : http://www.commentcamarche.net/forum/affich 4491136 image en dehors du champs texte#dernier.
Si tu saurais m'aider.

En te remerciant, et une bonne année.
Cdt
M@tt