Problème avec CSS et Firefox
Salut !
Alors voilà : mon site fonctionne très bien sous IE mais je rencontre des petits problème sous Firefox notemment un probleme de centrage de mon site et un décallage de certaine table.
Voici un morceau de mon code :
Code:
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
|
<html>
<head>
<title>Recherche</title>
<link rel="stylesheet" href="theme.css" type="text/css">
<script language="JavaScript" src="fctGenerale.js" type="text/JavaScript"></script>
</head>
<body>
<div class="div1">
<table width="680" border="0" cellspacing="0" cellpadding="0"
<tr>
<td><img src="images/bandeau-zones-home.jpg" alt="" height=160 width=680 usemap=#bandeau-zonesbeb75d23 border=0><map name="bandeau-zonesbeb75d23"><area shape="rect" coords="516,5,573,23" href="mailto:contact@mail.fr" alt=""><area shape="rect" coords="574,5,677,23" href="admin/identification.php" alt=""><area shape="rect" coords="0,23,677,140" href="recherche.php" alt=""></map></td>
</tr>
</table>
</div>
<div class="divMenu">
<ul id="menuRecherche">
<li><a href="recherche.php">Recherche</a></li>
<li><a href="recherche_technique.php">Recherche techniques</a></li>
</ul>
</div>
<div class="div2">
<table width="680" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<form name="Recherche" action="liste.php" method="post">
<table width="95%" border="0" cellspacing="5" cellpadding="0" class="standard" align="center">
<tr>
<td colspan="4"><br>
<span class="titre">Bienvenue, indiquez les critères de sélection.</span><br>
<h1 align="center"><img src="images/carte.jpg"></h1>
<p>Saisir les valeurs à rechercher et cliquez sur le bouton 'Rechercher'.</p>
<p><span class=titre>Recherche :<br>
</span><i>Localisation :</i></p>
</td>
</tr>
<tr>
<td valign="middle" align="right" width="5%"><input type=checkbox name=SD value=all></td>
<td valign="middle" width="40%"><b>SD</b></td>
<td valign="middle" align="right" width="5%"><input type=checkbox name=CL value=all></td>
<td valign="middle" width="50%"><b>CL</b></td>
</tr>
<tr>
<td valign="middle"></td>
<td valign="middle"></td>
<td valign="middle"></td>
<td valign="middle"></td>
</tr>
<tr>
<td valign="middle"></td>
<td valign="middle"></td>
<td valign="middle"></td>
<td valign="middle"></td>
</tr>
<tr>
<td colspan="4" valign="middle"><i>Caractèristiques :</i></td>
</tr>
<tr>
<td valign=middle></td>
<td colspan="2" align="right" valign="middle"><b>Surface souhaitée :</b></td>
<td valign="middle" width="30%"><select name="surface_zone" size="1">
<option value="">Choisir une surface...</option>
<option value="1">moins de 1 ha</option>
<option value="2">de 1 à 3 ha</option>
<option value="3">de 3 à 5 ha</option>
<option value="4">plus de 5 ha</option>
</select></td>
</tr>
<tr>
<td colspan="4" align="center" valign="bottom">
<hr>
</td>
</tr>
<tr>
<td colspan="4" align="center" valign="bottom">
<input type="image" src="images/btn-rechercher.jpg" alt="" height="25" width="90" align="bottom" border="0" value="envoyer">
<a href="liste_complete.php">
<img src="images/btn-touteslesoffres.jpg" alt="" height="25" width="120" align="bottom" border="0">
</a>
</td>
</tr>
<tr><td> </td></tr>
</table>
</form>
</td>
</tr>
</table>
</div>
</body>
</html> |
et mon CSS :
Code:
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
|
body {
background-color: #003366;
text-align: center;
width: 680px;
}
.div1 {
font-family: verdana, sans-serif;
font-size: 12px;
background-color: #ffffff;
text-align: center;
width: 680px;
}
.div2 {
font-family: verdana, sans-serif;
font-size: 12px;
background-color: #ffffff;
text-align: center;
width: 680px;
border-right: 1px solid #CE3139;
border-left: 1px solid #CE3139;
}
.divMenu {
font: 11px verdana, sans-serif;
width: 680px;
background: #ffffff;
margin: 0;
padding: 0;
}
td.bordure {
border-color: red;
}
table.standard {
font-family: verdana;
font-size: 12px;
color: black;
margin: auto
}
span.titre{
font-family: verdana;
font-size: 16px;
font-weight: 900;
color: #003366
}
h1 {
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 15px
}
h1.erreur {
font-weight: bold;
color: #FF6060;
font-family: verdana, sans-serif;
font-size: 15px
}
h1.description_erreur {
font-weight: bold;
font-style: italic;
color: #FF7070;
font-family: helvetica, sans-serif;
font-size: 11px
}
tr.rupture {}
td.tdlistebleu {
background-color: #516d9c;
color: #ffffff;
}
.tdlistebleu a:link, .tdlistebleu a:visited, .tdlistebleu a:hover, .tdlistebleu a:active {
color: #ffffff;
}
td.ruptureville {
background-color: #c5c3c6;
font-size: 14px
} |
Merci pour votre aide :king:
