Discussion :

[Aspic]

Bonjour,

Sur la pièce jointe, on distingue qu'il y a un interstice entre le header et le menu. Sous IE 7 et FF pas de soucis mais sous IE 6 et inférieur, j'ai le problème.

Je pense que c'est un problème de marge mais avec margin:0 et padding:0 j'ai toujours le problème.

Voici le code CSS :

Code css :

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
 
#all
{
margin:auto;
width:980px;
/* background-color:#CCCCCC; */
}
 
#header
{
width:980px;
height:100px;
background-image:url(images/header.jpg);
/* background-color:#CCCCCC; */
}
 
#logo
{
padding-left:20px;
padding-botttom:15px;
width:388px;
height:80px;
float:left;
}
 
#langues
{
padding-top:37px;
padding-bottom:37px;
padding-left:100px;
float:left;
width:111px;
height:26px;
}
 
#connexion
{
/* background:url(images/degrade2.gif) no-repeat 0 0; */
width:300px;
height:80px;
float:left;
padding-top:20px;
}
#join
{
/* background:url(images/degrade2.gif) no-repeat 0 0; */
width:49px;
height:60px;
float:left;
padding-top:40px;
}
 
#menu
{
text-align:center;
width:980px;
height:30px;
background-image:url(images/menu.jpg);
}
 
#menu_1{width:163px; height:25px; float:left; padding-top:5px;}
#menu_2{width:165px; height:25px; float:left; padding-top:5px;}
#menu_3{width:163px; height:25px; float:left; padding-top:5px;}
#menu_4{width:163px; height:25px; float:left; padding-top:5px;}
#menu_5{width:163px; height:25px; float:left; padding-top:5px;}
#menu_6{width:163px; height:25px; float:left; padding-top:5px;}

Et un peu de code HTML :

Code html :

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
 
<div id="all">
  <div id="header">
    <div id="logo"><a href="../index.php"><img src="../images/logo 1er septembre.gif" width="320" height="85" alt="logo" border="0"></a></div>
    <div id="langues">
<a href="<?php echo(curPageURL()); ?>lang=fr"><img src="../images/Flags/32/f/France.png" alt="france" width="32" height="32" border="0"></a>
<a href="<?php echo(curPageURL()); ?>lang=en"><img src="../images/Flags/32/u/United Kingdom(Great Britain).png" alt="anglais" width="32" height="32" border="0"></a></div>
    <div id="connexion">
  </div>
  <div id="menu">
    <div id="menu_1"><a href="../search.php" class="menuhaut"></a></div>
    <div id="menu_2"><a href="../about.php" class="menuhaut" ></a></div>
    <div id="menu_3"><a href="../microfinance.php" class="menuhaut" ></a></div>
    <div id="menu_4"><a href="../lenders/portfolio.php" class="menuhaut" ></a></div>
    <div id="menu_5"><a href="../faq.php" class="menuhaut" ></a></div>
    <div id="menu_6"><a href="../contact.php" class="menuhaut" ></a></div>
  </div>
 .....
...
 
 
</div> (all)