problème div imbriqués avec hidden

**mcdam** · 28/10/2007, 09h55

Bonjour,

je viens vous voir car là je ne comprends mon code est assez simpliste mais sur IE et firefox ca ne donne pas la même chose c'est très génant surtout dans ce cas.

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
 
<body>
<script language="javascript">
function haut()
{
alert ('oki');
}
</script>
 
<div id="gros">
    <div class="contenu">
	sdjfksdjflksdkjf
    </div>
</div>
<p><a href="#" onclick="haut()">haut</a> - <a href="#" onclick="bas()">bas</a></p>
</body>

le code javascript n'est pas important.

J'appele ensuite ma feuille css qui contient :

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
 
#gros
{
background-color:#00FFFF;
height:200px;
width:500px;
overflow:hidden;
}
 
.contenu
{
background-color:#FF6666;
height:200px;
width:400px;
position:relative;
top:100px;
left:5px;
}

Là encore assez simple , je place 'contenu' en position relative par rapport à 'gros' qui lui normalement tout ce qui se dépasse doit le masquer avec le overflow:hidden.

Regarder ce que ca donne sur IE (6ou7 : apparement ca donne la même chose) et firefox.
aperçu

ps: le petit bout javascript c'est pour le futur, faire un div qui bouge à l'intérieur d'un autre.

Pourriez vous me dire si j'ai fait quelque chose de mal ou quelque chose d'oublié pour que ca ne fonctionne pas sous IE.

Merci d'avance

**Bisûnûrs** · 28/10/2007, 10h06

Rajoute position:relative sur ton div gros.

**mcdam** · 28/10/2007, 10h13

Ah oui parfait ça marche merci beaucoup Bisûnûrs

problème div imbriqués avec hidden

CSS

Discussions similaires

Partager

Partager