Supprimer l'effet overflow hidden

betadev · 22/04/2011, 11h56

Bonjour ,

Il s'agit de 2 balises div (div1 en position relative et avec un overflow hidden)
et (div2 à l'intérieure du div1 avec une position absolute)

est-il possible que les parties du div2 ne seront pas masqués à l'affichage (sans toucher au overflow hidden de div1) ?

le code est simple le voici :

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
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
<style type="text/css">
.div1
{
	width:200px;
	height:200px;
	background-color:#006699;
	position:relative;
	overflow:hidden;	
}
.div2
{
	width:200px;
	height:200px;
	background-color:#99CC00;
	position:absolute;
	top:100px;
	left:100px;
}
</style>
</head>

<body>

<div class="div1">

        <div class="div2">hello</div>

</div>

</body>
</html>

Je ne veut pas toucher au overflow hidden de div1 car dans mon exemple ce n'est pas un div1 mais un jcarousel de jquery , c'est à dire si je vire overflow:hidden le jcarousel ne sera plus fonctionnel.

Ci joint les 2 résultats en image :
resultat_avec_overflow_hidden.png => la page actuelle
resultat_ok.png => le résultat que je veut avoir

Merci

NoSmoking · 22/04/2011, 20h37

Bonjour,

Citation:

est-il possible que les parties du div2 ne seront pas masqués à l'affichage (sans toucher au overflow hidden de div1) ?

pas en laissant la div2 dans la div1.

betadev · 24/04/2011, 19h00

Citation:

Envoyé par NoSmoking

pas en laissant la div2 dans la div1.

Oui ,
merci.

briceparmentier · 25/04/2011, 16h15

Salut !

Si on extrapole un peu, en gros tu veux que ton div2 ne soit pas affecté par la propriété overflow: hidden de div2, mais le reste du contenu de div1 devra lui être affecté. C'est ça ?

Si c'est le cas, comme l'a dit NoSmoking, à mon avis ce n'est pas possible en laissant div2 dans div1. De ce fait, la question que tu devrais te poser est : quel est l'intérêt de laisser div2 dans div1 s'il ne doit pas être affecté par les propriétés de div1 ?
Avec CSS tu as moult possibilités pour placer correctement div2 à ta convenance

A+
Brice

betadev · 25/04/2011, 19h11

Citation:

Envoyé par briceparmentier

quel est l'intérêt de laisser div2 dans div1 s'il ne doit pas être affecté par les propriétés de div1 ?

j'été obligé de laisser le div2 dans le div1 car celle ci est un jcarousel jquery dans mon exemple et le div2 est un tooltip dedans.

Enfin , oui comme vous avez dit ce n'est pas possible.

NoSmoking · 27/04/2011, 18h38

Citation:

Envoyé par betadev

j'été obligé de laisser le div2 dans le div1 car celle ci est un jcarousel jquery dans mon exemple et le div2 est un tooltip dedans.

Enfin , oui comme vous avez dit ce n'est pas possible.

si div2 est un tooltip, donc une InfoBulle, elle se doit d'appartenir au document et non à la DIV du carrousel, elle est par contre visible lorsque la souris passe au dessus de celui ci mais basta !

25/04/2011, 16h15	#4
briceparmentier Candidat au titre de Membre du Club Inscription : avril 2011 Messages : 29 Détails du profil Informations forums : Inscription : avril 2011 Messages : 29 Points : 11 Points : 11	Salut ! Si on extrapole un peu, en gros tu veux que ton div2 ne soit pas affecté par la propriété overflow: hidden de div2, mais le reste du contenu de div1 devra lui être affecté. C'est ça ? Si c'est le cas, comme l'a dit NoSmoking, à mon avis ce n'est pas possible en laissant div2 dans div1. De ce fait, la question que tu devrais te poser est : quel est l'intérêt de laisser div2 dans div1 s'il ne doit pas être affecté par les propriétés de div1 ? Avec CSS tu as moult possibilités pour placer correctement div2 à ta convenance A+ Brice
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email