Forum Clubic

Positionnement fixe d'un bloc

Bonjour,
j’ai un problème concernant le positionnement fixed en css. En effet, je me suis renseigné, et apparement ce positionnement marche sur internet explorer 7. J’ai également déjà fait des sites utilisant ce positionnement, et il marche, mais cette fois-ci, ça ne marche pas.
Voici le code de la feuille de style : (elle est générée en php)

.galerie_cache
	{
	position:fixed;
	z-index:100;
	top:0px;
	left:0px;
	background:url('./fond.png') repeat #999999;
	width:100%;
	height:100%;
	}
.galerie_image_apercu
	{
	position:fixed;
	z-index:200;
	top:50%;
	left:50%;
	border:#000000 1px solid;
	}

ainsi que le code javascript faisant apparaitre l’image qui doit etre positionnée en fixed :

function galerie()
	{
	this.afficher = function(nom,x,y)
		{
		cache = document.createElement('div');
		cache.className = 'galerie_cache';
		cache.id = 'galerie_cache';
		document.body.appendChild(cache);
		//alert(parseInt(cache.offsetWidth)+':'+parseInt(cache.offsetHeight));
		rapport_1 = x/parseInt(cache.offsetWidth);
		rapport_2 = y/parseInt(cache.offsetHeight);
		rapport = Math.max(rapport_1,rapport_2);
		if(rapport>1)//image trop grande
			{
			x = parseInt(x/rapport);
			y = parseInt(y/rapport);
			}
		image = document.createElement('img');
		image.src=nom;
		image.style.width=x+'px';
		image.style.height=y+'px';
		image.className = 'galerie_image_apercu';
		image.style.marginTop=-1*parseInt(y/2)+'px';
		image.style.marginLeft=-1*parseInt(x/2)+'px';
		cache.appendChild(image);
		
		}
	}
	
var photos = new galerie();

Enfin, voici le code de la page : (les noms de classe ont le prefixe galerie ajouté automatiquement, il est donc normal qu’ils soient un peu longs)

<html><head><title>Galerie</title>
<link rel="stylesheet" type="text/css" href="galerie.design.php" />
<script type="text/javascript" src="galerie.js.php" ></script>
</head>
<body>
<form action="galerie.php" enctype="multipart/form-data" method="post">

Titre : <input type="text" name="galerie[titre]"/><br />
photo : <input type="file" name="photo"/><br />
<input type="submit" name="galerie[submit]" value="valider"/><br /></form>

<div id="galerie_galerie">
<div class="item">
<h2>fleur</h2>

<div class="galerie_photo">
<img src="photos_min/1229896587.jpg" alt="fleur" onclick="photos.afficher('photos/1229896587.jpg',1000,750)" />
</div>
</div>
<div class="item">
<h2>lion</h2>
<div class="galerie_photo">
<img src="photos_min/1229883330.jpg" alt="lion" onclick="photos.afficher('photos/1229883330.jpg',1000,750)" />
</div>
</div>
<div class="item">
<h2>ordi</h2>
<div class="galerie_photo">
<img src="photos_min/1229963347.jpg" alt="ordi" onclick="photos.afficher('photos/1229963347.jpg',1000,750)" />
</div>
</div>
<div class="item">
<h2>tigre</h2>
<div class="galerie_photo">
<img src="photos_min/1229885320.jpg" alt="tigre" onclick="photos.afficher('photos/1229885320.jpg',1000,768)" />
</div>
</div>
</div>
</body>
</html>

Selon vous, pourquoi internet explorer 7 ne prend pas en compte le positionnement fixed dans cette page (alors qu’il est censé le faire) ? (la page fonctionne parfaitement sur firefox)

Merci d’avance

Tu pourrais nous mettre un lien vers ta page, qu’on puisse voir ce que donne le problème en temps réel ?

Le problème, c’est que je suis en local. Je n’ai pas encore mis de version en ligne, la page n’etant pas assez avancée.

Et tu ne peux pas la mettre en ligne genre dans un répertoire provisoire ou autre, juste pour que nous, nous puissions la voir ?

voilà une petite page de test. Le design n’est pas encore fait. Le problème est donc la position fixe dans internet explorer. En attendant, j’ai corrigé le problème en mettant expression()… ce qui rend le résultat acceptable sur ce navigateur, mais si quelqu’un trouve une meilleure solution, je suis preneur.

page de test : webut.free.fr…