HTML <div> flottant

HTML <div> flottant - HTML/CSS - Programmation

Marsh Posté le 26-04-2006 à 22:54:50    

Bonjour  :)  
 
J'aimerais avoir un <div> en haut de ma page HTML qui reste toujours affiché au même endroit quand je scroll ma page Web en haut, en bas...
J'ai trouvé qq sources Javascript sur Internet, mais le <div> tremble/clignote quand je scroll la page Web et je ne veux pas que ça tremble.
Qqn aurait-il une solution ?
 
Merci d'avance   :wahoo:

Reply

Marsh Posté le 26-04-2006 à 22:54:50   

Reply

Marsh Posté le 26-04-2006 à 23:08:22    

css : position:fixed; top:__px; left;__px;
Des problemes avec IE cependant ...

Reply

Marsh Posté le 27-04-2006 à 09:50:56    

Bonjour afbilou
 
Merci pour ta réponse. C'est bcp mieux que les script Javascript qui font clignoter le <div>.  :)  
Par contre :  
 
<div style='position:fixed; top:5px; left:5px'> My div there </div>
My web page there
 
Dans l'exemple au-dessus, le texte \"My web page there\" est tout en haut de la page, donc empilée au même endroit que le <div>, comme si le <div> n'existait pas. Y-a-t'il un moyen de donner au <div> une propriété afin que les éléments écrits après passent à la ligne suivante et non par-dessus ?
 
Merci pour ton aide.
:)


Message édité par Roodie le 27-04-2006 à 09:51:23
Reply

Marsh Posté le 27-04-2006 à 10:06:18    

Problème plus grave : le CSS position:fixed; ne marche pas sous IE.  
Et en fait c'est sous IE que j'en ai besoin...
Merci de votre aide

Reply

Marsh Posté le 01-05-2006 à 15:43:30    

Bonjour à tous  :)  
 
J'ai trouvé une solution pour mon <div> flottant sur IE, mais il reste un problème.
Voici mon code :  

Code :
  1. <body style="height: 100%; overflow: hidden;">
  2.   <div style="background: #bbf;"> Fixed div... </div>
  3.   <div style="overflow: auto; height: 100%">
  4.     <table>
  5.       <tr><td>cell 1</td></tr>
  6.       <tr><td>cell 2</td></tr>
  7.           // ........ (plein de cellules pour avoir une scrollbar verticale)
  8.     </table>
  9.   </div>
  10. </body>


 
J'obtiens bien le 1er <div> qui garde sa position dans la page. Par contre, la scrollbar verticale de la page n'inclut pas ce <div>, mais uniquement le 2ème <div> qui contient le tableau.
Conséquence : quand ma souris est sur le 1er <div> et que je scroll avec la molette de la souris, ça ne scroll pas.  
 
Qqn aurait-il une solution ??
Merci beaucoup pour votre aide.
 :hello:


Message édité par Roodie le 01-05-2006 à 15:46:52
Reply

Sujets relatifs:

Leave a Replay

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