Safari et le overflow
J'ai été confronté à un problème bizarre sur Safari: des liens toujours actifs en dehors d'un conteneur en overfow.
Présentation
Pour illustrer le problème, voici une page à afficher sur Safari.
Le premier exemple montre des liens dans un conteneur avec un overflow: auto. Il n'y a aucun problème.
Dans le deuxième exemple, j'ai mis chaque lien en float: left. Et là on voit le problème. Il est possible de cliquer sur les liens qui sont en dehors du conteneur, comme si le overflow ne désactivait pas qui n'est plus visible.
La solution
Au départ, j'avais pensé à résoudre le problème par javascript. Mais au final, j'ai trouvé une astuce en HTML+CSS.
J'ai utilisé un conteneur supplémentaire pour les liens, à l'intérieur du conteneur avec le overflow. A la suite des liens, j'y ai ajouté un élément avec un clear: left. Et ça supprime le problème.
Commentaires
1. Le jeudi, avril 12 2007, 12:01 par yorunokoe
Ce problème n'apparait plus dans les nightly builds du Webkit (testé avec WebKit-SVN-r20857, Thu Apr 12 6:26:59 GMT 2007)
2. Le jeudi, avril 12 2007, 12:07 par neolao
cool, vivement une mise à jour
3. Le vendredi, avril 13 2007, 23:05 par Lipki
il n'apparait pas non plus dans Apollo,
qui tourne avec le WebKit aussi je crois.
4. Le samedi, septembre 8 2007, 18:43 par Flo
Pas de problème avec safari 3.0.3 sous windows
5. Le dimanche, décembre 23 2007, 15:22 par Adrien
Mais ça apparaît avec le khtml de konqueror en 3.5.8. =P