Problème avec CSS et Firefox

**Samysam25** · 15/05/2007, 12h38

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 :

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
 
<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&egrave;res de s&eacute;lection.</span><br>
<h1 align="center"><img src="images/carte.jpg"></h1>
<p>Saisir les valeurs &agrave; 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&egrave;ristiques :</i></td>
</tr>
<tr>
<td valign=middle></td>
<td colspan="2" align="right" valign="middle"><b>Surface souhait&eacute;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 &agrave; 3 ha</option>
<option value="3">de 3 &agrave; 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">
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<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>&nbsp;</td></tr>
</table>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>

et 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
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

**pierrot10** · 15/05/2007, 12h45

Salut,
tu as deja une erreur dans le tag de ta table

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table width="680" border="0" cellspacing="0" cellpadding="0"

Si non j'ai copie ton code et les tables sous FF sont de la meme taille.

Si tu veux centré ton site au mileu (horizontalement) de la page fait ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.div1{margin: 0 auto 0 auto; width:une valeur;}
.div1 table{width:100%;(ou donne la meme valeur que ci-dessus}

Bonne chance. J'espère avoir pu t'aider

**Samysam25** · 15/05/2007, 13h03

Envoyé par pierrot10

tu as deja une erreur dans le tag de ta table

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table width="680" border="0" cellspacing="0" cellpadding="0"

Je ne vois pas où est l'erreur...

Envoyé par pierrot10

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.div1{margin: 0 auto 0 auto; width:une valeur;}
.div1 table{width:100%;(ou donne la meme valeur que ci-dessus}

J'ai essayé ton cde mais ça ne change rien...

Merci qu'en même

Problème avec CSS et Firefox

CSS

Discussions similaires

Partager

Partager