Mettre un "div" qui reste fixe sur une page
Résolu/Fermé
Cyriphone
-
28 déc. 2010 à 16:55
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 - 28 déc. 2010 à 19:11
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 - 28 déc. 2010 à 19:11
A voir également:
- Mettre un "div" qui reste fixe sur une page
- Supprimer une page word - Guide
- Traduire une page web - Guide
- Créer une page facebook - Guide
- Page d'accueil iphone - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
2 réponses
le hollandais volant
Messages postés
4998
Date d'inscription
samedi 8 mars 2008
Statut
Membre
Dernière intervention
23 décembre 2023
1 056
Modifié par le hollandais volant le 28/12/2010 à 17:05
Modifié par le hollandais volant le 28/12/2010 à 17:05
Salut !
Ta question est très claire bien au contraire (ce qui est assez rare sur ce forum, donc je te félicite).
Il suffit de mettre un positionnement fixe en CSS :
position: fixed;
Comme ça, par exemple :
pour vous servir.
Ta question est très claire bien au contraire (ce qui est assez rare sur ce forum, donc je te félicite).
Il suffit de mettre un positionnement fixe en CSS :
position: fixed;
Comme ça, par exemple :
<div style="postion:fixed;"> texte </div>
pour vous servir.
canarder
Messages postés
1706
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
13 mai 2018
354
28 déc. 2010 à 18:03
28 déc. 2010 à 18:03
Au bas de la page https://www.developpez.net/forums/d438746/webmasters-developpement-web/mise-page-css/pied-page-fixe-ne-bouge-on-redimensionne-page/, soit ça :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS appli lourde</title>
<style type="text/css">
html{
margin:0;
padding:0;
height:100%;
overflow:hidden;
_padding:100px 0px 100px 0px;
}
body{
margin:0;
padding:0;
height:100%;
overflow:hidden;
}
#entete{
background: #D0EB6A;
overflow:hidden;
position:absolute;
height:100px;
top:0px;
left:0px;
right:0px;
_width:100%;
}
#centre{
overflow:hidden;
position:absolute;
top:100px;
left:0px;
right:0px;
bottom:100px;
_height:100%;
}
#centre .centretexte{
background: #888888;
position:absolute;
overflow:auto;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
_position:relative;
}
#pied{
background: #D0EB6A;
overflow:hidden;
position:absolute;
width:100%;
height:100px;
bottom:0;
left:0;
padding:0;
}
</style>
</head>
<body>
<div id="centre">
<div class="centretexte">
début du contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
contenu<br>
fin du contenu
</div>
</div>
<div id="entete">
en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe en-tête fixe
</div>
<div id="pied">
pied de page fixe pied de page fixe pied de page fixe pied de page fixe pied de page fixe pied de page fixe pied de page fixe pied de page fixe pied de page fixe pied de page fixe
</div>
</body>
</html>
28 déc. 2010 à 18:20
28 déc. 2010 à 19:11