Div position fixed sur la page

Télécharger le projet
Commenter

Description

But du Jeu...
Palier au manque de IE sur la position fixed des objets.
Aucun javscript, si ce n'est pour la démo, n'est nécessaire, on joue avec le CSS.

L'essentiel est indiqué ci dessous...

Source / Exemple : 


<html>
<head>
<title>DIV Fixed sur la page</title>
<style type="text/css">
/* CSS pour le BODY */
body {
  margin : 0px;
  padding : 0px;
  overflow :hidden;
}
/* CSS pour le DIV BODY du document */
#D_BODY {
  position : relative;
  height : 100%;
  width : 100%;
  overflow : auto;
}
/* CSS pour le DIV LOGO ou autre */
#D_LOGO {
  position : absolute;
  top : 5px;
  left : 5px;
}
</style>
</head>
<body>
<!-- Dans le BODY on intégre les DIVs comme ceci -->
<div id="D_BODY">
<!-- Mettre toute la page dans le DIV -->
</div>
<!-- le DIV LOGO doit étre mis après pour
 ne pas passer sous les ScrollBars -->
<div id="D_LOGO">
<!-- Mettre votre super Logo ou Menu dans ce DIV -->
</div>
</body>
</html>

Conclusion :


Un exemple complet est disponible dans le ZIP...
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (PetoleTeam)