Discussion :

[PierreBTSIG]

Voici mon code :
CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
#image
{
        position: absolute;
        margin: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: red;
}
#image:hover
{
	z-index: 100;
}

HTML/PHP :

Code :

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

1
2
list($width, $height, $type, $attr) = getimagesize($_SERVER["DOCUMENT_ROOT"]."/ALEXANDRE/images/entreprise/historique/".$historique['hist_img']); ?>
<img src="/ALEXANDRE/images/entreprise/historique/<?php echo $historique['hist_img'] ?>" height="45" width="50" OnMouseOut="javascript:this.height = 45; this.width = 50" OnMouseOver="javascript:this.height = <?php echo $height; ?>; this.width = <?php echo $width; ?>" id="image">

Au départ, l'image est normale et lorsque je passe dessus, je voudrais la voir en agrandit.
Sous firefox sa fonctionne : l'image s'agrandit et grace au css elle passe au dessus de tout le reste (z-index)

Par contre sous IE l'image ne passe pas au dessus des cadres en dessous de l'image agrandie (voir screen) :


Merci à tous pour votre aide.

PS : Si quelqu'un sait comment augmenter la taille d'un div en fonction du texte qu'il contient merci aussi (j'ai déjà utiliser cette méthode : http://batraciens.net/css-astuces/3-...aptables-1.htm
Pour le corps de mon site mais cela ne semble pas fonctionner pour mes cadres !!)