Discussion :

[prgasp77]

Bonjour à tous,
j'ai un problème étrange : j'ai un div contenant du texte qui s'affiche en dehors dudit div. Voyez vous même

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<div id="corps" onmouseover="CacherMenus();">
				<!-- ************* CORPS : DEBUT ************* -->
	Debut
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
 
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
 
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Fin
 
				<!-- ************* CORPS : FIN ************* -->
</div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
#corps
	{
	position: absolute;
	top: 150px;
	left: 225px;
	width: 740px;
	height: 480px;
	margin-left: 30px;
	margin-right: 30px;
	overflow: visible;
	background-color: red;
	}

Rendu FireFox 1.0 :



J'ai mis des couleurs flashouilles pour l'ocasion. Remarquez que malgré le overflow: visible, aucune barre de defilement apparait.

Merci de m'aider.

[McPeter]

salut

c'est normal tu as mit : height: 480px

donc FF interprète correctement (IE agrandirait) et arrête ton div à 480 pixes
comme ton texte dépasse ça modifie le rendu
essayes : min-height:480px (mais ça marche pas sous IE)

@++

[prgasp77]

Non, il devrait y avoir des barres de defilement (scrollbars) et tout mon texte ne devrait apparaitre.

Voila ce qui devrait etre :


Le code est le même ... je ne comprends pas ...

[adiGuba]

Salut,

C'est tout à fait normal et tu dois surement confondre avec overflow: auto.

Overflow peut prendre les valeurs suivantes :

• visible : Si le contenu est plus grand, il est affiché en dehors de la boite qui le contient.
  hidden : Si le contenu est plus grand, il est coupé (pas de scrollbar).
  scroll : Une scrollbar sera affiché (même si le contenu ne dépasse pas).
  auto : Si le contenu est plus grand, une scrollbar est utilisé...

Il me semble que visible est le comportement par défaut...

a++