Mettre une barre tout en bas de la fenêtre du navigateur [Résolu]

[keokaz]

Bonjour à tous, je suis en train de faire un design de mon site , par contre je suis coincé vers la fin.

Est t'il possible de mettre une barre inline de 40px en hauteur et qui se placerai en bas du navigateur ? ou que l'on soit dans la page web, on aurais constamment cette barre, elle me permettra de mettre juste le nom de mon site?

Quel positon il faut adopter ? absolut, fixe, relative ?
puis-je ensuite centrer le texte ?

merci pour la réponse

Code html :

1
2
3
4
5
6
7
 
        <div id="bandeau_fin">
            mon site et mon@mail.fr
        </div>
    </body>
 
</html>

Code :

1
2
3
4
5
6
7
8
 
#bandeau_fin
{
    position: fixe;
    bottom:0px;
    height:40px;
    background:white;
}

[NoSmoking]

Bonjour,
qu'est zaco fixe?

Code :

1
2
3
4
5
6
7
#bandeau_fin
{
    position: fixed; /* avec un D */
    bottom:0px;
    height:40px;
    background:white;
}

[keokaz]

merci de ta réponse, j'ai effectivement oublié le d

j'ai donc essayer mais j'ai que la partie de texte qui a comme fond blanc?

Code :

1
2
3
4
5
6
7
8
 
//....
        <div id="bandeau_fin">
       test font blanc ok mais pas le reste?
        </div>
    </body>
 
</html>

Code :

1
2
3
4
5
6
7
8
9
10
 
#bandeau_fin
{
    clear: both; /* on ne sais jamais*/
    display: inline;
    position: fixed; /* avec un D */
    bottom:0px;
    height:40px;
    background:white;
}

j'ai pourant mais un display inline;

[NoSmoking]

avec l'ajout du left...

Code css :

1
2
3
4
5
6
7
#bandeau_fin{
    position: fixed;
    left : 0;
    bottom : 0;
    height : 40px;
    background : white;
}

[keokaz]

merci, j'ai mis left cela ne marche pas, j'ai ajouter

width:100%;

la ça fonctionne pas contre je me suis rendu compte que si je zoomais avec le navigateur, cette barre passe dessus du design.

j'ai finalement utiliser le relative

Code :

1
2
3
4
5
6
7
 
    position: relative;
    top: 0;
    left:0;
    bottom : 0px;
    height : 40px;
    background : white;

merci encore