Bonjour,
Je suis en train de ddévelopper mon site en xhtml 1.1, css2 et js1.2 et je tombe sur un problème d'affichage sous Mozilla Firefox (ca passe sans trop de souci sou MSIE et Opéra).
Alors, je vais tenter de m'expliquer : en bas de la page, il y a le pied de page et une zone nommée commande. Ces deux div sont intégrée dans une grande div principale qui fait toute la page.
voici par exemple le code css qui définit la div pied :
Code :
- #pied {
- border: 1px dotted #CCDDFF;
- background-color: #FFFFAA;
- color: #FF5500;
- position: absolute;
- bottom: -27px;
- height: 20px;
- left: 0px;
- right: 240px;
- height: 15px;
- float: left;
- clear: left;
- margin: 0px;
- padding: 0px;
- padding-left : 10px;
- padding-right : 10px;
- margin-top: 8px;
- margin-bottom: 5px;
- font-size: 10px;
- overflow: hidden;
- }
|
Bon, le placement au tout début est correct. Le problème surgit si l'on augmente la taille du contenu de façon a dépasser la hauteur de l'écran (de façon à faire apparaitre une barre de scrolling verticale). Le pied et les commandes se placent alors bien. Mais si on rediminue le contenu, ces deux div restent à la même place, c'est à dire tout en bas. Un clicque du bouton du milieu de la souris permet de les replacer en haut !
Bon, je ne suis peut-être pas très clair donc je vais vous montrer l'exemple concret : http://mc.alsimon.net
Pour tester, il vous suffit de sélectionner 25 sur le nombre de lettres (ca diminuera le contenu et donc la taille de la page. Regarder sous Firefox, le pied de page est en bas ! Cliquez du bouton du milieu, il revient la où j'aimerais qu'il soit.
Ce problème n'apparait pas sous IE ni sous Opéra (qui a d'autres légers problèmes tout de même).
Si quelqu'un a une idée de comment ca se fait et de comment je puis le résoudre...
PS : je puis vous fournir plus de code sur la css utilisée si vous me précisez quelle partie.
Merci d'avance.
Message édité par goodspirit le 26-08-2005 à 04:22:04