Masquer un image (overflow : hidden)

**tom42** · 09/10/2007, 12h09

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**magnus2005** · 09/10/2007, 16h21

Est ce que l'idée de passer la hauteur et la largeur dynamiquement (dans ton javascript) par rapport à la taille de l'écran ne pourrait résoudre ton problème ?

**tom42** · 09/10/2007, 17h15

Merci pour ta réponse.
Je vais me debrouiller comme ça mais j'aurais préféré un mèthode plus systèmatique car connaître exactement la taille utile de l'ecran pour l'ensemble des naviguateurs reste quelque peu approximatif.

Masquer un image (overflow : hidden)

CSS

Discussions similaires

Partager

Partager