[Html] Utilisation des positions absolues

Utilisation des positions absolues [Html] - HTML/CSS - Programmation

Marsh Posté le 13-08-2003 à 15:40:39    

J'essaye de virer les frame d'un site que je met a jour en utilisant les positions absolute et fixed...
 
sur les conseils de je sais plus qui sur je sais plus quel post il a été donné le lien suivant :  
http://devnull.tagsoup.com/fixed/horizontal.html
 
j'ai essayé de mettre ca en place mais ya un ptit pb:
je n'arrive pas a le faire fonctionner avec IE6 et NS7 en meme temps (Opera 7 marche quelque soit le code suivant) :
 
pour faire fonctionner ca sous IE6, il faut mettre overflow a auto sinon ya pas de barre de défilement (en ayant mis overflow-y a hidden comme dit)
ben si on fait comme ca avec NS7, le texte ne va pas a la ligne et continue 'en dehors' de la page...
je précise que je met overflow (et non pas overflow-y) a hidden sinon NS me laisse des scroll bar partout...
je voudrais juste qu'il reste la scroll bar de droite qui fait défiler la page... le menu de droite et la barre du haut restant fixe...
Résultat : le texte sous NS ne va pas a la ligne et on se farci des scroll bar partout(overflow-y) ou on y accede pas(overflow)
ca fonctionne donc très bien sous Opera, bien sous IE en suivant le bidouillage, pas pour NS si on suit le bidouillage pour faire fonctionner IE...
on peut le faire fonctionner sous NS en dégagean l'overflow mais dans ce cas c IE qui a plu de barre de défilement...
 
je comprend pas paske la page du lien marche bien qqsoit le navigateur...
 
voici le morceau de CSS concerné

Code :
  1. body.Fixe {
  2. font-family : Arial,Arial,Verdana;
  3. font-size : 08pt;
  4. color : #006633 ;
  5. background-color : #ffffff;
  6. margin : 0;
  7. padding-top : 6em;
  8. overflow : hidden;
  9. }
  11. div.page {
  12. padding: 1em 1%;
  13. padding-left : 20%;
  14. height: 100%;
  15. overflow : auto;
  16. }
  18. div.menuGauche {
  19. position: absolute;
  20. top: 10px;
  21. left: 0px;
  22. padding-left : 20px;
  23. padding-top : 80px;
  24. width: 10em;
  25. }
  26. div.menuHaut {
  27. position: absolute;
  28. top: 0px;
  29. left: 0px;
  30. width: 100%;
  31. height: 6em;
  32. background-color : green;
  33. }
  34. body>div.menuGauche
  35.     {
  36.     position: fixed;
  37.     }
  39. body>div.menuHaut
  40.     {
  41.     position: fixed;
  42.     }


 
merci

Reply

Marsh Posté le 13-08-2003 à 15:40:39   

Reply

Marsh Posté le 13-08-2003 à 16:44:48    

Tiens c bizzare aussi paske les liens qui sont dans le div menuGauche ne fonctionne pas (il ne les voit pas) alors qu'ils fonctionnent très bien sous IE et Opera...
 
comment ca se fait?

Reply

Sujets relatifs:

Leave a Replay

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