Discussion :

[nickoeuh]

Bonjour bonjour.

Voilà je viens à vous en dernier recours. Pour une fois que je veux faire un site valide CSS et HTML, je tombe sur un os et un gros. Auparavant j'aurais mis des conditions (!important) pour que FF et IE soient compatibles, mais aujourd'hui, j'ai envie d'un code valide et propre.

Voilà la différence grâce à ces deux screens :

IE 7 : http://img143.imageshack.us/img143/2818/ie7gx3.png

FF : http://img444.imageshack.us/img444/5339/ffhy2.png

Voyez donc la différence. Et elle n'est pas normale quand on check le 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
23
24
25
26
27
28
29
30
<div id="menu_haut">
 
    <div id="content_tete">
 
        <a href="./mentionslegales.php">Mentions légales</a> | <a href="./plan_blog.php">Plan du blog</a> | <a href="./contact.php">Contact</a>
 
    </div>
 
</div>
 
<div id="menu_bas">
 
    <div id="content_menu">
 
        <dl class="menu_bas">
            <dt class="menu_bas_dt_onclick"><a href="./index.php">Articles</a></dt>
        </dl>
        <dl class="menu_bas">
            <dt class="menu_bas_dt"><a href="./presentation.php">Présentation</a></dt>
        </dl>
        <dl class="menu_bas">
            <dt class="menu_bas_dt"><a href="./oeuvres.php">Oeuvres</a></dt>
        </dl>
        <dl class="menu_bas">
            <dt class="menu_bas_dt"><a href="./livreor.php">Livre d'or</a></dt>
        </dl>
 
    </div>
 
</div>

Ainsi que mon CSS :

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
#menu_haut
{
    width: 900px;
    height: 20px;
    margin: 0px;
}
 
#menu_haut a
{
    text-decoration: none;
    color: #555555;
}
 
#menu_haut a:hover
{
    color: #111111;
}
 
#content_tete
{
    text-align: right;
    padding: 3px 15px 0px 0px;
}
 
#menu_bas
{
    width: 900px;
    height: 110px;
    background-image: url("../images/banniere.png");
    background-repeat: no-repeat;
    margin: 0px;
}
 
#content_menu
{
    float: right;
    margin: 90px 30px 0px 0px;
}

Si vous avez une idée de la solution, je suis preneur.

Merci par avance du temps auquel vous y consacrerez.

Nicolas

PS : Je ne sais pas si l'erreur vient du CSS ou HTML, donc je l'ai posté ici !!

[Kerod]

Il manque du code CSS car ça n'a pas la même apparence chez moi

[nickoeuh]

Voilà le code complet :

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
#menu_haut
{
    width: 900px;
    height: 20px;
    margin: 0px;
}
 
#menu_haut a
{
    text-decoration: none;
    color: #555555;
}
 
#menu_haut a:hover
{
    color: #111111;
}
 
#content_tete
{
    text-align: right;
    padding: 3px 15px 0px 0px;
}
 
#header
{
    width: 900px;
    height: 110px;
    background-image: url("../images/banniere.png");
    background-repeat: no-repeat;
    margin: 0px;
}
 
#content_menu
{
    float: right;
    margin: 79px 30px 0px 0px;
}
 
.menu_bas
{
    float: left;
}
 
.menu_bas_dt_onclick a
{
    width: 110px;
    display: block;
    line-height: 20px;
    background-color: #CFDDF4;
    text-align: center;
    margin: 0px 1px 0px 0px;
    font-weight: bold;
    text-decoration: none;
    color: #111111;
}
 
.menu_bas_dt_onclick a:hover
{
    width: 110px;
    line-height: 20px;
    text-align: center;
    margin: 0px 1px 0px 0px;
    font-weight: bold;
    text-decoration: none;
    color: #111111;
}
 
.menu_bas_dt a
{
    width: 110px;
    display: block;
    line-height: 20px;
    background-color: #3DB83D;
    text-align: center;
    margin: 0px 1px 0px 0px;
    font-weight: bold;
    text-decoration: none;
    color: #111111;
}
 
.menu_bas_dt a:hover
{
    width: 110px;
    line-height: 20px;
    background-color: #CFDDF4;
    text-align: center;
    margin: 0px 1px 0px 0px;
    font-weight: bold;
    text-decoration: none;
    color: #111111;
}

Merci à toi.

[nickoeuh]

Petit Upinou ?