2010-07-26 4 views
0

j'ai un seul élément div dans une page de style comme suit:scrollbars Invisible sur une position: div absolue sur Safari 5 pour Windows

div {position: absolute; width: 340px; height: 480px; overflow-y:scroll} 

J'utilise un simple script jquery à centrer dans la largeur disponible et height sur l'événement window.resize.

Le div est affiché et fonctionne parfaitement sur Safari 5 pour Mac.

Sur Safari 5 pour Windows, cela fonctionne parfaitement (je peux faire défiler le contenu à l'aide de la roulette de la souris) mais la barre de défilement verticale n'est pas rendue.

Une idée? Merci d'avance.

Répondre

1

Il n'y a pas besoin d'utiliser jquery au centre, il suffit d'utiliser les éléments suivants:

div { 
    position: absolute; 
    width: 340px; 
    height: 480px; 
    overflow-y: scroll; 

    top: 50%; 
    left: 50%; 
    margin-top: -240px; 
    margin-left: -170px; 
} 

Peut-être que la barre de défilement n'est pas rendu parce qu'il est désactivé (il n'y a pas plus de contenu), sinon essayez avec trop-plein-y: auto

+0

Je vais essayer ... il y a toujours assez de contenu pour avoir un défilement ... tnx –

+0

Toujours pas de barre de défilement ... c'est fou –

+0

Umm ... fou:/Je vais essayer à la maison – cesarnicola