Discussion :

[lonyc]

Bonjour,

Je n'arrive pas à rendre compatible mon div.
Celui-ci, sous IE ne s'agrandi pas en fonction de son contenu, le contenu ressort completement du div.
Sous FF cela fonctionne correctement.

Avez-vous une solution, je ne trouve pas.

Merci et bonne journée

[RomainVALERI]

Il faut que tu montres un peu les codes html et css concernés si tu veux une réponse à ton problème, lonyc... ^^

[Macmillenium]

Bonjour,

Si tu es dans le cas d'un bloc qui est censé "pousser" son conteneur, le positionnement relative de ce dernier pourrait résoudre le problème sous IE.
Mais sans vouloir précipiter les choses, un bout de ton code serait pas mal

[lonyc]

Bon je vais essayer de faire de mon possible, c'est assez compliqué, j'ai plusieurs fichiers qui gere ma mise en page, j'aurais du faire un plan des le debut, surtout que j'ai toujours eu l'habitude de coder des tables et là je suis passé au div d'un coup.

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
div#cadre{
//Englobe completement la page
	border-width: 1px;
	border-style: solid;
	border-color: #e0dfdf; 
	border-top-width:0;
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	text-align: left;
	}
div#bandeau{
//1er element dans la cadre
	width:830px;
	padding-top: 1px;
	}
div#bandeau2{
//2eme element du cadre, se place en dessous de bandeau
	display:table; 
	width:830px;
	margin-bottom:10px;
	background-color:#e6e6fa; 
	padding-top: 1px;
	padding-bottom: 2px;
	color:#000;  
	border-width: 1px;
	border-style: solid;
	border-color: #ba55d3;
	border-left-width:0;
	border-bottom-width:0;
	border-right-width:0;
	}	
div#contenu {
//3 eme element se place en dessous de bandeau2
	float:left;
	width:830px;
	background-color:#ffffff;
	text-align:center;
	min-height:1200px;
	}
div#insertion {
//se place dans contenu, contient les annonces
	margin-bottom:10px;
	padding-top:10px; 
	padding-left:5px;
	float:left; 
	width:640px;
	height:900px;
	background-color:#ffffff;
	text-align:left;
	display:table; 
	clear:both;
	}
 
div#menu { 
/*à l'intérieur de cadre à coté de contenu*/
	margin-left:10px;
	margin-top:0px;
	float:left; 
	width:170px;
	min-height:1200px;
	background-color:#ffffff;
	}
div#piedpage {
//en bas de cadre en dessous de contenu
	font-family: Verdana,Arial,Tahoma,Consolas, Geneva,  Helvetica,sans-serif; 
	font-size:10px; 
	letter-spacing:0px;
	color : #000000;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	width:820px;
	height:20px;
	background-color:#e6e6fa; 
	color:#000;  
	border-width: 1px;
	border-style: solid;
	border-color: #ba55d3; 
	border-left-width:0;
	border-bottom-width:0; 
	border-right-width:0;	
	clear:both;
	}

Pour l'instant comme ca sa passe sous ie et je viens de m'apercevoir que le height de insertion ca doit être lui qui me gene


J'ai tout mis à height:100%
Ca fonctionne sur ma page d'accueil, mais cette fois c'est l'inverse, insertion n'est pas assez rempli cette page par exemple :http://www.otroc.fr/petite-annonce-d...table-443.html

[Erwan31]

Bonjour,
tu veux parler d'IE6 je suppose (précise toujours la version, IE7 et IE6 ne se comportent pas de la même manière et IE8 bêta très différemment).
IE6 ne sait pas interpréter la propriété min-height et interprète height comme un min-height.

Le problème vient du height:200px de div#menuhaut qui force la hauteur des pubs à prendre 200px alors qu'IE6 qui l'interprète comme un min-height va étendre celui-ci autant que son contenu le permettra.

L'autre problème vient de #ads qui est en position:asbolute et qui est donc sorti du flux normal, autrement dit c'est comme si il n'existait pas pour son conteneur.
Essaye d'éviter autant que possible de doter tes div d'une hauteur, c'est casse gueule et souvent source d'ennuis ultérieurs.

un height:100% n'a d'effet que si un de ses conteneur est doté d'une hauteur fixe ou à défaut que les éléments body ET html aient un height fixe ou en pourcentage.

Pour info la valeur table de display n'a pas été implémenté par IE (IE7 et versions inférieures).

[lonyc]

Je te remercie çà à l'air de fonctionner, franchement des fois ca déprime, j'était prête à repasser au tableau pour ma mise en page.

J'utilise Safari à la place d'IE6 il interprete pareil non ?

[devyan]

Salut,

Je ne suis pas entièrement d'accord...

En fait "height" est strictement respecté avec IE6 si on ajoute "overflow:hidden"