Bonjour,

j'essaie de supprimer les espaces sous ce bloc, mais impossible d'y arriver; j'ai pourtant essayer de modifier les padding et margin mais sans succès.

Voici le bloc html. Le problème se situe sur le div headercontent


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="mainframe"><div class="empty-row">&nbsp;</div>
<div id="headercontainer">
	<div id="headercontent">
		<div class="empty-row">&nbsp;</div>
		<ul id="header">
                                                 <li id="lileft"><img src="??ResPath??logo.png" alt="" title="" /></li>
			<li id="limiddle">&nbsp;</li>
                                                <li id="liright"><div id="liprogress" title="!!Int(PrctDone)!!%"><div class="progressbar" style="width:0%;">&nbsp;</div></div>
</li>
 		</ul>
 
</div>
<div id="navigationChapter" style="position: absolute;top: 2em;right: 0.6em;"><span id="navigationCursor" style="font-size: 1.2em;font-weight: bold;">&nbsp;+</span>Chapitres</div><li id="askia-chapters" ></li>
</div>
C'est comme si la taille de mon headercontent restait fixe et que je ne pouvais pas la modifier. En jouant sur height je n'ai pas eu plus de résultat...

Voici un aperçu de ce que ça donne




Et le code css correspondant (ce qui nous intéresse ici c'est le headercontent mais je mets quand même les autres au cas où.:
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
 
 /* mainframe structure */
  #mainframe {
	position: absolute;
	width: 100%;
	overflow: visible;
	background-color: #eeeeee;
  }
 
  /* header structure */
  #headercontainer {
	position: relative;
 
	max-width: 910px;
 
  }
  #headercontent {
                padding: 0 10px 0 10px;
                margin: 0 5px 0 5px;
	background: #ffffff;
 
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 8px #9f9f9f;
 
	-webkit-box-shadow: 2px 2px 8px #9f9f9f;
 
	box-shadow: 2px 2px 8px #9f9f9f;
  }
  #header{
	width: 100%;
  }
  #header ul{
	display: block;
  }
  #header, #header li{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	height:80px;
 
                line-height: 80px;
  }
  #lileft{
	width:43%;
	float: left;
	text-align: left;
  }
  #lileft img {
	width: 157px;
	height: 48px;
  }
  #limiddle {
	width:13%;
	float: left;
	text-align: center;
  }
  #liright {
	width:43%;
	float: right;
	text-align: right;
  }
 
  /* progress bar structure */
  #progress{
	width: 100%;
  }
  #progress ul{
	display: block;
	height: 30px;
  }
 #progress, #progress li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
  }
  #liprogress {
	float: right;
	width: 80px;
	height: 8px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #F5C058;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  }
 #liprogress div {
  	height: 100%;
  	background-color: #F5C058;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#F5C058), to(#F5C058));
  	background-image: -webkit-linear-gradient(top, #, #F5C058);
  	background-image: -moz-linear-gradient(top, #F5C058, #F5C058);
  	background-image: -o-linear-gradient(top, #F5C058, #F5C058);
  	background-image: -ms-linear-gradient(top, #F5C058, #F5C058);
  	background-image: linear-gradient(top, #F5C058, #F5C058);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F5C058', EndColorStr='#F5C058');
}

En espérant que vous pourrez me décoincer