[CSS] un div qui "colle" au bas de la fenetre?

un div qui "colle" au bas de la fenetre? [CSS] - HTML/CSS - Programmation

Marsh Posté le 08-12-2003 à 09:55:23    

:hello:  
svp comment on cree un div qui reste en bas de la fenetre ? (pas de la page hein de la fenetre) !  
 
(c'est a dire qu'il reste toujours à la meme place, il n'est pas affecte par la "hauteur" des données dans la page)
 
Merci

Reply

Marsh Posté le 08-12-2003 à 09:55:23   

Reply

Marsh Posté le 08-12-2003 à 10:09:50    

<div style="position:absolute; bottom:0px;">bleh</div>

Reply

Marsh Posté le 08-12-2003 à 10:22:43    

:non:
 
position: fixed mais IE ne le comprend pas.

Reply

Marsh Posté le 08-12-2003 à 10:34:50    

arf.. merci gizmo tu me rassures, ca marchait bien dans top style mais pas ie !

Reply

Marsh Posté le 08-12-2003 à 10:36:42    

Si on n'a pas besoin que le div reste en place quand on scrolle la page, ma solution fonctionne avec IE et moz.

Reply

Marsh Posté le 08-12-2003 à 10:45:46    

oui oui mais ca ne repond pas a laquestion ;-)

Reply

Marsh Posté le 08-12-2003 à 10:57:08    

sinon, pour simuler cela, il y a moyen en jouant avec les propriétées overflow mais c'est du chipotage.

Reply

Marsh Posté le 08-12-2003 à 11:00:28    

c'est bon j'ai retrouvé une autre technique qui marche avec ie.
 
edit pour gizmo : oui j'ai utilise les overflow :
 
body {
 background-image: url(images/entete.jpg);
 background-repeat: no-repeat;
 height: 100%;
 color: #3399ff;
 overflow-y : hidden;
 }
 
.contientcentre{
 z-index: 0;
   height: 100%;
   width: 100%;
   overflow: auto;
}
.centre
{
 position: absolute;
 background-color: white;
 top: 05px;
 left: 201px;
 width: 800px;
 color: #3399FF;
 font-weight: bold;
 padding-left: 50px;
 height: 100%;
 margin-bottom: 22px;
}
 
==> le div centre est inclus dans 'contientcentre' et il n'y a que lui qui scroll


Message édité par kayasax le 08-12-2003 à 11:02:54
Reply

Marsh Posté le 08-12-2003 à 11:22:01    

kayasax a écrit :

c'est bon j'ai retrouvé une autre technique qui marche avec ie.
 
edit pour gizmo : oui j'ai utilise les overflow :
 
body {
 background-image: url(images/entete.jpg);
 background-repeat: no-repeat;
 height: 100%;
 color: #3399ff;
 overflow-y : hidden;
 }
 
.contientcentre{
 z-index: 0;
   height: 100%;
   width: 100%;
   overflow: auto;
}
.centre
{
 position: absolute;
 background-color: white;
 top: 05px;
 left: 201px;
 width: 800px;
 color: #3399FF;
 font-weight: bold;
 padding-left: 50px;
 height: 100%;
 margin-bottom: 22px;
}
 
==> le div centre est inclus dans 'contientcentre' et il n'y a que lui qui scroll


 
Cette question a déjà été posée plusieurs fois, et la seule solution sans utiliser de table est d'utiliser un hack CSS pour IE.
 
Sinon, la table reste quand même la solution qui va passer sur le plus grand nombre de navigateurs... J'attend avec impatience d'ailleurs que les CSS2 soient enfin appliquées de la même manières avec les différentes versions des navs (si ça fini par arriver un jour...)

Reply

Marsh Posté le 08-12-2003 à 12:00:29    

:-S c'est quoi un hack css ?

Reply

Marsh Posté le 08-12-2003 à 12:00:29   

Reply

Marsh Posté le 08-12-2003 à 12:17:29    

kayasax a écrit :

:-S c'est quoi un hack css ?


 
Une manière de faire prendre en compte certaines propriétés uniquement par un navigateur précis.

Reply

Marsh Posté le 08-12-2003 à 12:53:28    

ok, je sais pas si la manip avec les overflow est scpécifique à ie... mais bon sur mon intranet de toute facons y a que ca du ie ...

Reply

Marsh Posté le 08-12-2003 à 12:59:54    

kayasax a écrit :

ok, je sais pas si la manip avec les overflow est scpécifique à ie... mais bon sur mon intranet de toute facons y a que ca du ie ...


 
Si c'est uniquement pour ton intranet et qu'il y a que du IE, pas la peine de te faire chier. Tu fais une bête table de 100% du body en hauteur, puis tu définis ta partie qui doit rester en bas en donnant une taille à ton td du bas.

Reply

Marsh Posté le 08-12-2003 à 13:54:59    

mouais bof, j'ai décidé de banir les tables de mes mises en page...la manip avec les overflow marche très bien, je garde.
 
A+

Reply

Marsh Posté le 08-12-2003 à 13:56:19    

A toi de voir. C'est sûr que si tu as un parc homogène, c'est cool. :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed