Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1563 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°585306
kayasax
Posté le 08-12-2003 à 09:55:23  profilanswer
 

: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

mood
Publicité
Posté le 08-12-2003 à 09:55:23  profilanswer
 

n°585313
Freekill
Electron libre…
Posté le 08-12-2003 à 10:09:50  profilanswer
 

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

n°585326
gizmo
Posté le 08-12-2003 à 10:22:43  profilanswer
 

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

n°585331
kayasax
Posté le 08-12-2003 à 10:34:50  profilanswer
 

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

n°585333
Freekill
Electron libre…
Posté le 08-12-2003 à 10:36:42  profilanswer
 

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

n°585342
kayasax
Posté le 08-12-2003 à 10:45:46  profilanswer
 

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

n°585363
gizmo
Posté le 08-12-2003 à 10:57:08  profilanswer
 

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

n°585374
kayasax
Posté le 08-12-2003 à 11:00:28  profilanswer
 

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
n°585409
Hermes le ​Messager
Breton Quiétiste
Posté le 08-12-2003 à 11:22:01  profilanswer
 

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...)

n°585471
kayasax
Posté le 08-12-2003 à 12:00:29  profilanswer
 

:-S c'est quoi un hack css ?

mood
Publicité
Posté le 08-12-2003 à 12:00:29  profilanswer
 

n°585496
Hermes le ​Messager
Breton Quiétiste
Posté le 08-12-2003 à 12:17:29  profilanswer
 

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.

n°585525
kayasax
Posté le 08-12-2003 à 12:53:28  profilanswer
 

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 ...

n°585536
Hermes le ​Messager
Breton Quiétiste
Posté le 08-12-2003 à 12:59:54  profilanswer
 

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.

n°585576
kayasax
Posté le 08-12-2003 à 13:54:59  profilanswer
 

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+

n°585578
Hermes le ​Messager
Breton Quiétiste
Posté le 08-12-2003 à 13:56:19  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
fenêtre redimensionnable sans barre[ASP]nouvelle fenetre + execution automatique d'une fonction
[HTML / CSS] problèmes avec SPAN vide[CSS] question sur <span>
[MFC] Taille fenetre, GetClient & GetRect [RESOLU]reload de le fenêtre au focus de la fenêtre (une seule fois...)
Problem de dimension de tableau en CSS[CSS] padding
programmation windows -> fenetre et threadquelqu'un sait comment choisir les dimensions d'une nouvelle fenetre?
Plus de sujets relatifs à : [CSS] un div qui "colle" au bas de la fenetre?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR