Discussion :

[S~C]

Salut à tous

J'aimerais bien savoir comment séparer mon footer, c'est à dire le placer en bas de la page même si son dessus est vide...

A l'instant il est collé juste après l'article M-1...

Voici le design en question
http://www.xi-tech.info/mise_en_page/index.php

Codage par HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
            <div class="inscripition">
            </div>
                <div class="cardre_principale">
                  <?php include('colonne_gauche_generale.php'); ?>
                  <?php include('cadre_milieu.php'); ?>
                  <?php include('colonne_droite_generale.php'); ?>
                </div>
            <div class="partie_footer">
                Partie footer
            </div>

codage par CSS pour le footer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
    /* Partie footer */
 
.partie_footer
    {
    width: 60%;
    margin: auto;
    border: solid 1px #336699;
    }

Merci de vos part !

[Swoög]

Salut !

alors : fait gaffe, un de tes div est pas refermé

sinon, il y a bien une méthode...

comme tout le reste du contenu à l'air d'être contenu dans un div, tu peux lui mettre un min-height (fonctionne pas sous IE)
ou sinon passer avec un position : fixed (fonctionne pas sous IE non plus, mais facilement contournable : http://web.developpez.com/faq/html/?...ans_javascript

[blueice]

Tu peux regarder par ici également :

http://www.alistapart.com/articles/footers

[masu]

en general pour placer mes footer je fait ca

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#footer {
    position: absolute;
    bottom: 0px;
    background: #03c;
    height: 35px;
    width: 100%;
}

ensuite il faut mettre une marge equivalante a la hauteur de ton footer a l'element au dessu de ton footer

[S~C]

Salut !

alors : fait gaffe, un de tes div est pas refermé

C'est sur, tout ouvert, tout fermé ! (je te le garanties, j'ai compté x ouvert et x fermé)

Ensuite, merci à masu et blueice, je vais me documentrer / tester avec vos réponses et je tiendrai au courant

[S~C]

blueice aie aie le site est en anglais lol, je vais essayer d'utiliser avec la traduction du Google...

Bref j'ai utilisé la méthode de masu

Voici mon CSS à jour :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
    /* Partie footer */
 
.partie_footer
    {
    width: 60%;
    margin: auto;
    position: absolute;
    bottom: 0px;
    border: solid 1px #336699;
    }

Petit souci à présent c'est que margin: auto; ne fait plus effet...
Comment le rendre centré en largeur ?

Effet pour rester en bas du hauteur est réussi à présent

[masu]

j'ai pas trouvé pourquoi ca ne se centrai pas mais au passage

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
body
    {
    font-family: "Poor Richard", Arial, serif;
    background-color: #FFFFFF;
...
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form >
<div class="identification">   
  <span class="champ_identification">
  <input type="text" />
  </span> 
</div>
<div class="mot_passe">
  <span class="champ_mot_passe">
  <input type="password" />
  </span>
</div>
<div>
  <input type="submit" class="valider" value="&nbsp;"/>
  <input type="submit" class="mot_passe_perdu" value="&nbsp;" />
</div>
</form>

[S~C]

Effecitvement deux erreur stupide dans mon css, merci

Sinon, l'erreur avec form, je ne vois pas trop... <form > </form> est correct non ?

Au passage si autre que masu saura comment règler pour le centrage, merci de me faire savoir