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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  HTML <div> flottant

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

HTML <div> flottant

n°1354800
Roodie
Posté le 26-04-2006 à 22:54:50  profilanswer
 

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:

mood
Publicité
Posté le 26-04-2006 à 22:54:50  profilanswer
 

n°1354805
afbilou
pouet your life
Posté le 26-04-2006 à 23:08:22  profilanswer
 

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

n°1354913
Roodie
Posté le 27-04-2006 à 09:50:56  profilanswer
 

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
n°1354923
Roodie
Posté le 27-04-2006 à 10:06:18  profilanswer
 

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

n°1357202
Roodie
Posté le 01-05-2006 à 15:43:30  profilanswer
 

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

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

  HTML <div> flottant

 

Sujets relatifs
besoin d'aide pour naviguation dans page HTMLPassage du HTML au XHTML / CSS, quelque petits soucis...
[RESOLUE] Quelqu'un s'y connait il un peu en tableau HTML ? MerciSupprimer barre de défilement en HTML
afficher du php dans une case de tableau htmlrecuperer valeur html -> javascript
problème page html avecMyeclipseVariables HTML avec applet JAVA
Récupérer le code html d'une page web[HTML/JS] une pop-up menu flottant
Plus de sujets relatifs à : HTML <div> flottant


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