Retour à Forum de site web

Scrollable Divider ne fonctionne pas dans Safari

  • bradymills
  • Beginner
  • Beginner
  • Avatar de l’utilisateur
  • Inscription: Nov 23, 2005
  • Messages: 58
  • Loc: Nashville, TN
  • Status: Offline

Message Septembre 28th, 2006, 6:53 pm

Quelqu'un peut-il me dire pourquoi un diviseur de défilement ne fonctionne pas dans Safari? Il fonctionne parfaitement dans Internet Explorer. N'est-il pas pris en charge? Y at-il quelque chose que je peux faire pour forcer Safari à l'accepter?

Merci,
Brady

Heres the CSS:
Code: [ Select ]
#indexcontent {
    font: 80% bold Times New Roman, Times, serif;
    text-align: justify;
    color: #333333;
    width: 535px;
    height: 300px;
    padding-right: 10px;
    padding-bottom: 10px;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-arrow-color: #666666;
    scrollbar-track-color: #FFFFFF;
    scrollbar-shadow-color: #666666;
    scrollbar-slider-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-3dlight-color: #666666;
}
  1. #indexcontent {
  2.     font: 80% bold Times New Roman, Times, serif;
  3.     text-align: justify;
  4.     color: #333333;
  5.     width: 535px;
  6.     height: 300px;
  7.     padding-right: 10px;
  8.     padding-bottom: 10px;
  9.     overflow: -moz-scrollbars-vertical;
  10.     overflow-x: hidden;
  11.     overflow-y: scroll;
  12.     scrollbar-arrow-color: #666666;
  13.     scrollbar-track-color: #FFFFFF;
  14.     scrollbar-shadow-color: #666666;
  15.     scrollbar-slider-color: #FFFFFF;
  16.     scrollbar-face-color: #FFFFFF;
  17.     scrollbar-highlight-color: #FFFFFF;
  18.     scrollbar-darkshadow-color:#FFFFFF;
  19.     scrollbar-3dlight-color: #666666;
  20. }


Heres le code HTML:
Code: [ Select ]

<div id="indexcontent">

<!--Main content Goes here--->

<p>Content, blahblahblah</p>

 <!--Main Content Ends here--->
</div>    
  2. <div id="indexcontent">
  4. <!--Main content Goes here--->
  6. <p>Content, blahblahblah</p>
  8.  <!--Main Content Ends here--->
  9. </div>    
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 28th, 2006, 6:53 pm

  • bradymills
  • Beginner
  • Beginner
  • Avatar de l’utilisateur
  • Inscription: Nov 23, 2005
  • Messages: 58
  • Loc: Nashville, TN
  • Status: Offline

Message Octobre 20th, 2006, 5:08 pm

J'ai trouvé une solution à cela, la pensée juste Id part - dans le cas de quelqu'un d'autre a ce problème. Im encore apprendre beaucoup de choses - si une énorme base de connaissances, comme de ce site - toujours utile...

J'ai simplement remplacé overflow - x, overflow-y, etc...avec

overflow: auto;
overflow-y: auto;
overflow-x: hidden;

semble fonctionner correctement maintenant...en safari, c'est-à-dire, etc...
  • tiranhay
  • Born
  • Born
  • No Avatar
  • Inscription: Oct 02, 2007
  • Messages: 1
  • Status: Offline

Message Octobre 2nd, 2007, 12:06 am

Merci beaucoup brady!
Il fonctionne parfaitement.
  • mayumi
  • Born
  • Born
  • No Avatar
  • Inscription: Déc 10, 2009
  • Messages: 1
  • Status: Offline

Message Décembre 10th, 2009, 5:06 am

Merci bradymills! A parfaitement fonctionné pour mon problème. Keep on partage. ;)

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 4 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 139 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC