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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Html] Utilisation des positions absolues

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Html] Utilisation des positions absolues

n°486048
hop le fou
Tu m'en diras tant
Posté le 13-08-2003 à 15:40:39  profilanswer
 

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. }
  10. div.page {
  11. padding: 1em 1%;
  12. padding-left : 20%;
  13. height: 100%;
  14. overflow : auto;
  15. }
  16. div.menuGauche {
  17. position: absolute;
  18. top: 10px;
  19. left: 0px;
  20. padding-left : 20px;
  21. padding-top : 80px;
  22. width: 10em;
  23. }
  24. div.menuHaut {
  25. position: absolute;
  26. top: 0px;
  27. left: 0px;
  28. width: 100%;
  29. height: 6em;
  30. background-color : green;
  31. }
  32. body>div.menuGauche
  33.     {
  34.     position: fixed;
  35.     }
  36. body>div.menuHaut
  37.     {
  38.     position: fixed;
  39.     }


 
merci

mood
Publicité
Posté le 13-08-2003 à 15:40:39  profilanswer
 

n°486139
hop le fou
Tu m'en diras tant
Posté le 13-08-2003 à 16:44:48  profilanswer
 

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?


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

  [Html] Utilisation des positions absolues

 

Sujets relatifs
[html / css] tag <p> et taille ![HTML et JSP] inclure une page dans une autre page
CDATA contenant des balises HTML à parser[HTML] Gestion des onglets
apprendre le HTML[C Win32] Utilisation de la fonction CreateDialog()
passage html - phpPetite question de base sur les tableaux ( HTML )
text editor dans page HTML[HTML / CSS] Problème avec le "positioning"
Plus de sujets relatifs à : [Html] Utilisation des positions absolues


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