Masquer un image (overflow : hidden)
Bonjour,
Dans une page, j'ai un seul bloc. Dans ce bloc je veux afficher un objet (swf) dont la taille depasse largement celle de l'ecran.
Je voudrais qu'en fonction de la taille de l'ecran de l'utilisateur on voit plus ou moins mon objet.
(Le javascript permet d'afficher mon objet flash dans le div sxfdiv)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" />
<title>Paul Hoffmann</title>
<script type="text/javascript" src="admin/_javascript/swfobject.js"></script>
<link rel="stylesheet" type="text/css" href="general.css" />
</head>
<body>
<div id="swfdiv"></div>
<script type="text/javascript">
var so = new SWFObject("fond.swf", "swf", "1656", "962", "8", "#FFFFFF");
so.addParam("wmode", "transparent");
so.write('swfdiv');
</script>
</body>
</html> |
Code:
1
2
3
4
5
6
7
8
9
10
| body{
margin : 0;
padding : 0;
height : 100%;
width: 100%;
}
#swfdiv{
overflow : hidden;
height : 100%;
} |
Cela supprime la scrollbar du bas mais je n'arrive pas à supprimer celle de gauche.
