Bonjour, j'ai mis en place sur mon site une div qui était en position absolue et qui servait de spoiler, quand je cliquais sur un mot, le contenu du spoiler lié au mot se mettait dedans. Jusqu'à là pas de problème. Sauf que je me suis aperçu qu'en position absolue, avec un simple contrôle molette la div se balade partout ou encore un écran plus grand ou plus petit et c'est pareil. J'ai donc voulu la mettre en position relative mais elle ma créer un grand espace quand je l'ai mise :

http://zupimages.net/viewer.php?id=14/26/6g9k.png

On peut voir le grand espace entre le titre et le texte ajouter ..

Voici mon script

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
18
19
20
21
22
<style type="text/css">
 
    /*<![CDATA[*/
     .divs {display:none;}
     #Mat {
         position:relative;
         width:400px; 
         height:300px; 
         top:300px; 
         left:200px; 
         border:1px white; 
         padding:2px; 
         overflow: scroll;
         background-color:#F7F7F7
     }
    /*]]>*/
    </style>
    <script type="text/javascript">
    //<![CDATA[
    function visibilite(id){document.getElementById("Mat").innerHTML = document.getElementById(id).innerHTML;}
    //]]>
    </script>


Merci d'avance de m'aider à régler ce problème.

ps : j'affiche dans la div avec :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<a href="javascript:visibilite('opt3');"><FONT COLOR="teal" size=4><u>Ajouter</u></FONT></a><br></br>
    <div id="opt3" class="divs">