Probleme positionnement sous Mozilla

**chrosnir** · 04/01/2008, 16h46

Bonjour à tous,

j'utilise un fichier css afin de régler le positionnement de tous les blocs de ma page HTML. Grace à du code de ce type:

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
.position3
{
position: absolute; 
top: 222px;
left: 175px;
}
 
.position4
{
position: absolute; 
top: 222px;
left: 8px;
}
 
.position5
{
position: absolute; 
top: 222px;
left: 460px;
}
 
.position6
{
position: absolute; 
top: 222px;
right: 60px;
}

Sous IE, il n'y a aucun probleme, ils sont tous alignés (222px par rapport au haut). Mais sous Mozilla, il y a d'importants décalage de certains objets en hauteur et même un peu en largeur.

J'ai essayer de regler la position avec des % au lieux des px et j'arrive exactement au meme résultat.

Ou alors c'est le type de positionnement absolute qui n'est pas adapté sous Mozilla?

Merci pour votre aide.

**pop_up** · 04/01/2008, 17h45

avec le code html, ça serai plus simple. tu peux mettre le tout dans une page pour qu'on ai plus qu'a copier le code pour voir le rendu et les problèmes.

merci

**chrosnir** · 04/01/2008, 18h03

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
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title> 'Intranet CMAE' </title>
<meta http-equiv='Content-Language' content='fr'></meta>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-15'></meta>
<meta name='author' content='Ludovic CAUDRON'/>
<meta name='version' content='1.1'/>
 
<script type='text/javascript'>
//Menu déroulant permettant de filtrer par période.
function menuderoulant(selection){
var Data = selection.options[selection.selectedIndex].value;
  if( Data !='NULL'){
    document.getElementById('libelle_commandes').disabled = true;
        }
        if( Data !='#'){
    document.getElementById('libelle_commandes').disabled = true;
        }
  else{
   document.getElementById('libelle_commandes').disabled = false;
  }
}
</script>
 
<script type='text/javascript'>
function calendar(selection){
var Data = selection.options[selection.selectedIndex].value;
  if( Data !='NULL'){
    document.getElementById('libelle_commandes').disabled = true;
        }
  else{
   document.getElementById('libelle_commandes').disabled = false;
  }
}
 
//Efface la liste des entreprises lorsque le bouton est cliqué.
function effacer_menudel(){
i=document.Filtre_form.filtre_entreprise.length;
while (i>0){
document.forms['Filtre_form'].elements['filtre_entreprise'].options[i] = null;
i--;}
}
</script>
 
<style type='text/css'> @import url('../../../JS/outils (www.dynarch.com)/hmenu-2.9/src/skin-xp.css'); body { background-color: #ccc; }</style>
<script src='../../../JS/debugger.js' type='text/javascript'></script>
 
<script type='text/javascript'>
_dynarch_menu_url = '../../../JS/outils (www.dynarch.com)/hmenu-2.9/src/';
</script>
 
<script type='text/javascript' src='../../../JS/outils (www.dynarch.com)/hmenu-2.9/src/hmenu.js'></script>
 
<link rel='stylesheet' type='text/css' media='all' href='../stylesheets/commstyle.css'>
<link rel='stylesheet' type='text/css' media='all' href='../../../JS/outils (www.dynarch.com)/jscalendar-1.0/calendar-win2k-cold-1.css'>
<script type='text/javascript' src='../../../JS/outils (www.dynarch.com)/jscalendar-1.0/calendar.js'></script>
<script type='text/javascript' src='../../../JS/outils (www.dynarch.com)/jscalendar-1.0/lang/calendar-en.js'>
</script>
<script type='text/javascript' src='../../../JS/outils (www.dynarch.com)/jscalendar-1.0/lang/calendar-fr.js'>
</script>
<script type='text/javascript' src='../../../JS/outils (www.dynarch.com)/jscalendar-1.0/calendar-setup.js'>
</script>
 
 
</head>
 
<body onload="DynarchMenu.setup('menu', { electric: 350 });">
<img src='../Images/logocmae.gif' width='90' height='65' align='right'>
 
    <div style='float: left'>
       <ul id='menu'>		
          <li>
          <img src='../../../JS/outils (www.dynarch.com)/hmenu-2.9/src/img/blank.gif' alt='Accueil' class='menubar-accueil' />
          <ul>
            <li><a href='acc.html' target='princ'>Retour &agrave; la page d'accueil</a></li>
          </ul>
		  </li>
        <li>
          <img src='../../../JS/outils (www.dynarch.com)/hmenu-2.9/src/img/blank.gif' alt='Demandes' class='menubar-demandes' />
          <ul>
            <li><a href='dem.html' target='princ'>Demandes</a></li>
			<li><a href='creerdemande.html' target='princ'>Cr&eacute;er une demande</a></li>
            <li><a href='modifierdemande.html' target='princ'>Modifier une demande</a></li>
            <li><a href='supprimerdemande.html' target='princ'>Supprimer une demande</a></li>
          </ul>
        </li>
        <li>
          <img src='../../../JS/outils (www.dynarch.com)/hmenu-2.9/src/img/blank.gif' alt='Devis' class='menubar-devis' />
          <ul>
            <li><a href='dev.html' target='princ'>Devis</a></li>
			<li><a href='creerdevis.html' target='princ'>Cr&eacute;er une devis</a></li>
            <li><a href='modifierdevis.html' target='princ'>Modifier un devis</a></li>
            <li><a href='supprimerdevis.html' target='princ'>Supprimer un devis</a></li>
          </ul>
        </li>
        <li>
          <img src='../../../JS/outils (www.dynarch.com)/hmenu-2.9/src/img/blank.gif' alt='Commandes' class='menubar-commandes' />
          <ul>
            <li><a href='comm.html' target='princ'>Commandes</a></li>
			<li><a href='creercommande.html' target='princ'>Cr&eacute;er une commande</a></li>
            <li><a href='modifiercommande.html' target='princ'>Modifier une commande</a></li>
            <li><a href='supprimercommande.html' target='princ'>Supprimer une commande</a></li>
          </ul>
        </li>
		<li>
          <img src='../../../JS/outils (www.dynarch.com)/hmenu-2.9/src/img/blank.gif' alt='Identifiction' class='menubar-identification' />
          <ul>
            <li><a href='Identification.html' target='_top'>Retour &agrave; la page d'identification</a></li>
          </ul>
        </li>
	  </ul>
    </div>
 
<br><br><br><br>
 
<hr />
<h2>COMMANDES</h2>
<form name='form1' class='position6'>
<div>
<select id='menu_date' name='menu_date' onChange='menuderoulant(this)'>
<option value='#'>Selectionnez une option</option>
<option action=''>Commandes de la semaine</option>
<option action=''>Commandes du mois</option>
<option action=''>Commandes des 6 derniers mois</option>
<input type='submit' value='Valider' onClick='filtrer_date()'>
</select>
</div>
</form>
 
<script type="text/javascript">
//filtre en fonction de la période séléctionnée
function filtrer_date() {
alert('Fonction filtrer_date ok');
var d=new Date();
//affiche les commandes de la semaine
if (document.forms['form1'].elements['menu_date'].value='Commande de la semaine') {
mygrid.loadXML('http://192.168.1.108/syteo/sql_query_to_xgrid.php?SQL_QUERY=SELECT C.ID_COMMANDE,E.ID_DEVIS,S.SOC_NOM,P.PERS_NOM,C.COMM_CPP,C.COMM_MONTANT_TOTAL_HT FROM DEMANDES D,PERSONNES P,SITES I,SOCIETES S,DEVIS E,COMMANDES C,Demande%20à%20l\'origine%20du%20devis O WHERE S.ID_SOCIETE=I.ID_SOCIETE AND I.ID_SITE=P.ID_SITE AND P.ID_PERSONNE=D.ID_DEMANDE AND D.ID_DEMANDE=O.ID_DEMANDE AND O.ID_DEVIS=E.ID_DEVIS AND E.ID_COMMANDE=C.ID_COMMANDE AND DATE_COMMANDE.getTime() BETWEEN d.getTime()-604800000 AND d.getTime()');
}
//affiche les commandes du mois
else if (document.forms['form1'].elements['menu_date'].value='Commande du mois') {
mygrid.loadXML('http://192.168.1.108/syteo/sql_query_to_xgrid.php?SQL_QUERY=SELECT C.ID_COMMANDE,E.ID_DEVIS,S.SOC_NOM,P.PERS_NOM,C.COMM_CPP,C.COMM_MONTANT_TOTAL_HT FROM DEMANDES D,PERSONNES P,SITES I,SOCIETES S,DEVIS E,COMMANDES C,Demande%20à%20l\'origine%20du%20devis O WHERE S.ID_SOCIETE=I.ID_SOCIETE AND I.ID_SITE=P.ID_SITE AND P.ID_PERSONNE=D.ID_DEMANDE AND D.ID_DEMANDE=O.ID_DEMANDE AND O.ID_DEVIS=E.ID_DEVIS AND E.ID_COMMANDE=C.ID_COMMANDE AND DATE_COMMANDE.getTime() BETWEEN d.getTime()-2678400000 AND d.getTime()');
}
//affiche les commandes des 6 derniers mois
else if (document.forms['form1'].elements['menu_date'].value='Commande des 6 derniers mois') {
mygrid.loadXML('http://192.168.1.108/syteo/sql_query_to_xgrid.php?SQL_QUERY=SELECT C.ID_COMMANDE,E.ID_DEVIS,S.SOC_NOM,P.PERS_NOM,C.COMM_CPP,C.COMM_MONTANT_TOTAL_HT FROM DEMANDES D,PERSONNES P,SITES I,SOCIETES S,DEVIS E,COMMANDES C,Demande%20à%20l\'origine%20du%20devis O WHERE S.ID_SOCIETE=I.ID_SOCIETE AND I.ID_SITE=P.ID_SITE AND P.ID_PERSONNE=D.ID_DEMANDE AND D.ID_DEMANDE=O.ID_DEMANDE AND O.ID_DEVIS=E.ID_DEVIS AND E.ID_COMMANDE=C.ID_COMMANDE AND getTime(#DATE_COMMANDE#) BETWEEN d.getTime()-16070400000 AND d.getTime()');
}
}
</script>
 
<form action='' name='Filtre_form' method='post' onSubmit='return valider();'>
 
<!--Permet de charger la liste des entreprises de la base.-->
<div class='position3'>
<select name='filtre_entreprise' id='filtre_entreprise'>
<option value='#'>Select. entreprise</option>
</select>
<input type="button" value="choisir" onClick="filtrer_entreprise()">
<input type="button" value="effacer" onClick="effacer_menudel()">
</div>
 
<!--Désactive les champs de filtre entreprise et date si un numéro de commande est séléctionné-->
<table class='position4'>
<tr>
<th><label for'lebelle_commandes'></label></th>
<td><input type='text' name='libelle_commandes' id='libelle_commandes' size='3.5' onchange="document.getElementById('filtre_entreprise').disabled = (this.value.length>0);document.getElementById('cal-field-1').disabled = (this.value.length>0);document.getElementById('cal-field-2').disabled = (this.value.length>0);document.getElementById('cal-button-1').disabled = (this.value.length>0);document.getElementById('cal-button-2').disabled = (this.value.length>0);"></td>
</tr>
</table>
 
<!--Permet de séléctionner des dates à partir du calendrier-->
<table class='position1'>
      <tr style='height: 100%;'>
        <td style='vertical-align: top; text-align: left;'>
		Du :
		</td>
	  </tr>	
      <tr style='height: 100%;'>
        <td style='vertical-align: top; text-align: left;'>
		<!--Désactive le filtre par numéro de commande si une date est séléctionnée -->
          <input type='text' id='cal-field-1' name='cal-field-1' size='6' onchange="document.getElementById('libelle_commandes').disabled = (this.value.length>0);" />
          <button type='' id='cal-button-1' >...</button>
          <script type='text/javascript'>
            Calendar.setup({
              inputField    : 'cal-field-1',
              button        : 'cal-button-1',
              align         : 'Tr'
            });
          </script>
        </td>
      </tr>
	  <tr style='height: 100%;'>
        <td style='vertical-align: top; text-align: left;'>
		Au :
		</td>
	  </tr>	
	  <tr style='height: 100%;'>
        <td style='vertical-align: top; text-align: left;'>
		<!--Désactive le filtre par numéro de commande si une date est séléctionnée -->
          <input type='text' id='cal-field-2' name='cal-field-2' size='6' onchange="document.getElementById('libelle_commandes').disabled = (this.value.length>0);"/>
          <button type='' id='cal-button-2'>...</button>
          <script type='text/javascript'>
            Calendar.setup({
              inputField    : 'cal-field-2',
              button        : 'cal-button-2',
              align         : 'Tr'
            });
          </script>
        </td>
      </tr>
    </table>
 
	<!-- Active le filtre général par date, numéro de commande ou nom d'entreprise-->
<p class='position5'>
<input type='submit' value='Filtrer' onClick='filtrer_gen()'>
</p>
</form>
 
<script type="text/javascript">
function filtrer_gen(){
alert('Fonction filtrer_gen ok');
//filtre  en fonction des dates entrées dans le calendrier
var d=new Date();
if ((document.forms['Filtre_form'].elements['cal-field-1'].value!=NULL)&&(document.forms['Filtre_form'].elements['cal-field-2'].value!=NULL)) {
mygrid.loadXML("http://192.168.1.108/syteo/sql_query_to_xgrid.php?SQL_QUERY=SELECT C.ID_COMMANDE,E.ID_DEVIS,S.SOC_NOM,P.PERS_NOM,C.COMM_CPP,C.COMM_MONTANT_TOTAL_HT FROM DEMANDES D,PERSONNES P,SITES I,SOCIETES S,DEVIS E,COMMANDES C,Demande%20à%20l\'origine%20du%20devis O WHERE S.ID_SOCIETE=I.ID_SOCIETE AND I.ID_SITE=P.ID_SITE AND P.ID_PERSONNE=D.ID_DEMANDE AND D.ID_DEMANDE=O.ID_DEMANDE AND O.ID_DEVIS=E.ID_DEVIS AND E.ID_COMMANDE=C.ID_COMMANDE AND d.getTime() BETWEEN cal-field-1.getTime() AND cal-field-2.getTime()");
}
//filtre par entreprise
else if (document.forms['Filtre_form'].elements['filtre_entreprise'].value!=NULL) {
mygrid.loadXML("http://192.168.1.108/syteo/sql_query_to_xgrid.php?SQL_QUERY=SELECT C.ID_COMMANDE,E.ID_DEVIS,S.SOC_NOM,P.PERS_NOM,C.COMM_CPP,C.COMM_MONTANT_TOTAL_HT FROM DEMANDES D,PERSONNES P,SITES I,SOCIETES S,DEVIS E,COMMANDES C,Demande%20à%20l\'origine%20du%20devis O WHERE S.ID_SOCIETE=I.ID_SOCIETE AND I.ID_SITE=P.ID_SITE AND P.ID_PERSONNE=D.ID_DEMANDE AND D.ID_DEMANDE=O.ID_DEMANDE AND O.ID_DEVIS=E.ID_DEVIS AND E.ID_COMMANDE=C.ID_COMMANDE AND S.SOC_NOM='filtre_entreprise'");
}
//filtre par numéro de commande
else if (document.forms['Filtre_form'].elements['libelle_commandes'].value!=NULL) {
mygrid.loadXML("http://192.168.1.108/syteo/sql_query_to_xgrid.php?SQL_QUERY=SELECT C.ID_COMMANDE,E.ID_DEVIS,S.SOC_NOM,P.PERS_NOM,C.COMM_CPP,C.COMM_MONTANT_TOTAL_HT FROM DEMANDES D,PERSONNES P,SITES I,SOCIETES S,DEVIS E,COMMANDES C,Demande%20à%20l\'origine%20du%20devis O WHERE S.ID_SOCIETE=I.ID_SOCIETE AND I.ID_SITE=P.ID_SITE AND P.ID_PERSONNE=D.ID_DEMANDE AND D.ID_DEMANDE=O.ID_DEMANDE AND O.ID_DEVIS=E.ID_DEVIS AND E.ID_COMMANDE=C.ID_COMMANDE AND C.ID_COMMANDE='libelle_commandes'");
}
}
</script>
 
	<link rel='STYLESHEET' type='text/css' href='../../../JS/Outils (www.scbr.com)/dhtmlxgrid/css/dhtmlXGrid.css'>
	<script  src='../../../JS/Outils (www.scbr.com)/dhtmlxgrid/src/dhtmlXCommon.js'></script>
	<script  src='../../../JS/Outils (www.scbr.com)/dhtmlxgrid/src/dhtmlXGrid.js'></script>		
	<script  src='../../../JS/Outils (www.scbr.com)/dhtmlxgrid/src/dhtmlXGridCell.js'></script>	
 
	<!-- Tableau récapitulatif des commandes-->
	<table width='980' class='position2'>
		<tr>
			<td width=>
				<div id='gridbox' width='100%' height='350px'></div>
			</td>
		</tr>
	</table>
 
<script>
        mygrid = new dhtmlXGridObject('gridbox');
        mygrid.setImagePath('../Images/imgstableau/');
        mygrid.setHeader('N&deg; commande,N&deg; devis correspondant,Date, Soci&eacute;t&eacute; cliente, Nom contact, Comm CPP, Montant');
        mygrid.setInitWidths('70,90,100,130,110,*,70')
        mygrid.setColAlign('center,center,center,center,center,center,center')
        mygrid.setColTypes('ro,ro,ro,ro,ro,ro,ro');
        mygrid.setColSorting('str,str,date,str,str,str,int');
        mygrid.setColumnColor('#33FFFF,#CCFFFF,#33FFFF,#CCFFFF,#33FFFF,#CCFFFF,#33FFFF');
        mygrid.init();
        mygrid.loadXML('http://192.168.1.108/syteo/sql_query_to_xgrid.php?SQL_QUERY=SELECT C.ID_COMMANDE,E.ID_DEVIS,S.SOC_NOM,P.PERS_NOM,C.COMM_CPP,C.COMM_MONTANT_TOTAL_HT FROM DEMANDES D,PERSONNES P,SITES I,SOCIETES S,DEVIS E,COMMANDES C,Demande%20à%20l\'origine%20du%20devis O WHERE S.ID_SOCIETE=I.ID_SOCIETE AND I.ID_SITE=P.ID_SITE AND P.ID_PERSONNE=D.ID_PERSONNE AND D.ID_DEMANDE=O.ID_DEMANDE AND O.ID_DEVIS=E.ID_DEVIS AND E.ID_COMMANDE=C.ID_COMMANDE');
</script>
 
<script type="text/javascript">
        //Fonction permettant de charger la liste de toutes les entreprises enregistrées dans la base.
                function parseXMLEntreprise(dhtmlObject,node,parentId,level,xml_obj,start)
                {
                        nodeEntreprises=xml_obj.getXMLTopNode("rows");
                        if (nodeEntreprises.childNodes.length<1)
                                return; 
                        for (var k =0;k<nodeEntreprises.childNodes.length;k++)
                        //for (var k =0;k<3;k++)
                        {
                                if ((nodeEntreprises.childNodes[k].nodeType!=1)||(nodeEntreprises.childNodes[k].tagName != "row"))
                                        continue;
                                // nodeEntreprise : Type row
                                nodeEntreprise = nodeEntreprises.childNodes[k];
                                if (nodeEntreprise.childNodes[1].childNodes.length>=1)
                                {
                                        var NomEntreprise  = nodeEntreprise.childNodes[1].childNodes[0].nodeValue;
                                        var IdSociete = nodeEntreprise.childNodes[0].childNodes[0].nodeValue;
                                        
                                        
                                        {
                                        
        option2=new Option(NomEntreprise,IdSociete); 
        var Ix=document.forms['Filtre_form'].elements['filtre_entreprise'].length;
        document.forms['Filtre_form'].elements['filtre_entreprise'].options[Ix]=option2;
        }
                                
                                }
                                
                        }
                }
                // Fonction appelée lorsque le bouton choisir entreprise est cliqué           
                function filtrer_entreprise()
                {
                        LoaderEntreprise = new dtmlXMLLoaderObject(parseXMLEntreprise,this,false,false);
                        LoaderEntreprise.loadXML("http://192.168.1.108/syteo/sql_query_to_xgrid.php?SQL_QUERY=SELECT * FROM Societes");
                }
</script>
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<hr />
 
<h4>CMAE 7 rue Denis Papin  ---  T&eacute;l&eacute;phone : 01.34.40.80.00  ---  Fax : 01.34.40.80.19 </h4>
 
<p><a href='mailto:contact@cmae.fr'> <img src='../images/mail10.gif'><br>Contactez-nous! </a></p>
<p><a href='acc.html'> Retour &agrave; la page d'accueil </a></p>
</body>
</html>

Code CSS (commstyle.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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
 
h1
{
text-align: center;
color: brown;
}
 
h2  
{
text-align: center;
color: brown;
}
 
h4
{
text-align: center;
}
 
body
{
background-color: #00FF99;
}
 
p  
{
text-align: center;
}
 
.position1
{
position: absolute; 
top: 144px;
left: 73px;
}
 
.position2
{
position: absolute; 
top: 250px;
left: 12px;
}
 
.position3
{
position: absolute; 
top: 224px;
left: 175px;
}
 
.position4
{
position: absolute; 
top: 220px;
left: 8px;
}
 
.position5
{
position: absolute; 
top: 222px;
left: 460px;
}
 
.position6
{
position: absolute; 
top: 223px;
right: 60px;
}
 
@import url("../src/skin-xp.css")
 
 	       	      div.dynarch-horiz-menu { padding: 0; }
      div.dynarch-horiz-menu table { padding: 0; border-collapse: collapse; }
      div.dynarch-horiz-menu table tr td.item table td.icon,
      div.dynarch-horiz-menu table tr td.item,
      div.dynarch-horiz-menu table tr td.hover,
      div.dynarch-horiz-menu table tr td.active,
      div.dynarch-horiz-menu table tr td.pressed { padding: 0; border: none; }
 
      img.menubar-accueil {
        background-image: url("../images/accueil.gif");
        width: 175px;
        height: 57px;
      }
      td.hover img.menubar-accueil { background-image: url("../images/accueil2.gif"); }
      td.active img.menubar-accueil { background-image: url("../images/accueil2.gif"); }
 
	  img.menubar-demandes {
        background-image: url("../images/demandes.gif");
        width: 175px;
        height: 57px;
      }
      td.hover img.menubar-demandes { background-image: url("../images/demandes2.gif"); }
      td.active img.menubar-demandes { background-image: url("../images/demandes2.gif"); }
 
      img.menubar-devis {
        background-image: url("../images/devis.gif");
        width: 175px;
        height: 57px;
      }
      td.hover img.menubar-devis{ background-image: url("../images/devis2.gif"); }
      td.active img.menubar-devis { background-image: url("../images/devis2.gif"); }
 
	  img.menubar-commandes {
        background-image: url("../images/commandes.gif");
        width: 175px;
        height: 57px;
      }
      td.hover img.menubar-commandes { background-image: url("../images/commandes2.gif"); }
      td.active img.menubar-commandes { background-image: url("../images/commandes2.gif"); }
 
	  img.menubar-identification {
        background-image: url("../images/identification.gif");
        width: 175px;
        height: 57px;
      }
      td.hover img.menubar-identification { background-image: url("../images/identification2.gif"); }
      td.active img.menubar-identification { background-image: url("../images/identification2.gif"); }

**J_Lennon** · 04/01/2008, 21h57

En fait si tu nous donnais le lien de ton site web pour observer le problême ca serait mieu...

**pop_up** · 04/01/2008, 22h28

j'ai regardé ton code et essayé sous firefox 2.0.0.11 et IE 6

Je ne sais pas l'affichage que tu as sous IE mais en copiant texto ton code et en faisant le fichier commstyle.css (et en modifiant le lien pour la feuille de style) j'obtient des mauvais positionnement pour tes champs de formulaire.

Le fait que tu ais mis des positions absolute fait que tu retrouves tout tes objet par dessus ton menu gauche.

effectivement un lien serait peut etre mieux.

est tu sur que ce que tu veux faire fonctionne avec ce positionnement en absolute ?

**chrosnir** · 10/01/2008, 12h45

A vrai dire c'est justement le positionnement en absolute qui me pose probleme.

Quelle autre méthode de positionnement puis-je appliquer pour arriver au meme résultat? A savoir obtenir mes champs "input text" et "input button" alignés et les placer ou je veux dans la fenetre?

Merci!!

PS: je ne peux pas vous donner le lien vers mon site car je le test juste en local pour l'instant jusqu'a ce que je l'ai completement terminé.

Probleme positionnement sous Mozilla

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager