Superposition des div et firefox

**widi70** · 17/07/2009, 14h17

Bonjour à tous, j'ai un petit problème avec firefox.
J'ai une div qui est supperposé sur une autre div, donc sur internet explorer c'est parfait sauf que sur firefox elle se mette l'une en dessous de l'autre alors je comprend pas trop pourquoi.
Voici 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
<?php
include('../fonction/fonction.php');
include('../fonction/connect.php');
include('../fonction/parametre.php');
$adresse=$_GET['adresse'];
$code=$_GET['code'];
$type=$_GET['type'];
$cat=$_GET['cat'];
$adresseentiere="http://www.truc.fr".$adresse;
 
?>
<?
 
include $adresseentiere;
 
 
?>
 
<div style="position:absolute; top:0px; left:0px;  z-index:800;width:100%;height:100%">
<img src='../images/fondpanier.png' width='100%' height='100%'>
</div>
		<div  style="background:white;position:absolute; top:200 px; left:225 px;  z-index:1000; "  >
		<table width='550px' height='300px' border='3' bordercolor='#FF0000'>
		<tr>
		<td>
		<?
                
                
                if ($code==''){
                $requetefourniture="select * from typefourniture where refType=".$type." AND refCat=".$cat." ";
                $resultfourniture=mysql_query($requetefourniture);
                $tabfourniture=mysql_fetch_array($resultfourniture);
                echo "<table width='100%' height='100%' valign='top' border='0' >
                <tr valign='middle' height='30px'><td align='center' colspan='2' bgcolor='#6699cc' style='color:#FFFFFF;font-size:14pt;' ><b>Vous venez d'ajouter ce produit à votre panier</b></td></tr>
                <tr><td colspan='2'><br></td></tr>
                <tr>
                <td align='center'><img src='../images/consommable/".$tabfourniture['photoType']."' width='75px'></td>
                <td align='center' style='color:#006699;font-family:Verdana, Arial,Helvetica, sans-serif;font-size:16px;text-decoration: none;font-weight: bold;'>".$tabfourniture['libType']."</td>
                
                </tr>
                
                <tr><td colspan='2'><br><br><br></td></tr>
                <tr height='75%' ><td colspan='2'>
                <table width='100%' ><tr><td align='left'><a href='http://www.rbs-france.fr/market/commande.php'><img src='../images/terminer_commande.png' width='190px' border='0'></a></td>
                                        <td align='right'><a href='$adresseentiere'><img src='../images/continuer_achat.png' width='190px' border='0'></a></td>
                                </tr>
                </table>
                </td></tr>
                </table>";
                
                }
                else{
                $requeteproduit="select * from produit where idProduit=".$code." ";
                $resultproduit=mysql_query($requeteproduit);
                $tabproduit=mysql_fetch_array($resultproduit);
                echo "<table width='100%' height='100%' valign='top' border='0' >
                <tr valign='middle' height='30px'><td align='center' colspan='3' bgcolor='#6699cc' style='color:#FFFFFF;font-size:14pt;' ><b>Vous venez d'ajouter ce produit à votre panier</b></td></tr>
                <tr><td colspan='3'><br></td></tr>
                <tr>
                <td rowspan='2' align='center'><img src='../images/".$tabproduit['photoProduit']."' width='75px'></td>
                <td align='center' style='color:#006699;font-family:Verdana, Arial,Helvetica, sans-serif;font-size:16px;text-decoration: none;font-weight: bold;'>".$tabproduit['titreProduit']."</td>
                <td rowspan='2' align='center' style='color:#006699;font-family:Verdana, Arial,Helvetica, sans-serif;font-size:16px;text-decoration: none;font-weight: bold;'>".$tabproduit['prixProduit']."€</td>
                </tr>
                <tr><td align='center' style='color:#0099CC;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;text-decoration: none;' >".$tabproduit['designationProduit']."</td></tr>
                <tr><td colspan='3'><br><br><br></td></tr>
                <tr height='75%' ><td colspan='3'>
                <table width='100%' ><tr><td align='left'><a href='http://www.rbs-france.fr/market/commande.php'><img src='../images/terminer_commande.png' width='190px' border='0'></a></td>
                                        <td align='right'><a href='$adresseentiere'><img src='../images/continuer_achat.png' width='190px' border='0'></a></td>
                                </tr>
                </table>
                </td></tr>
                </table>";
                
                }
                
                ?>
		</td>
		</tr>
		</table>
		</div>

Merci d'avance de votre aide

**Deallyra** · 17/07/2009, 17h23

Bonjour,

Peux tu nous refournir le code ci dessous mais seulement coté client ?

FoxLeRenard · 17/07/2009, 18h22

Même demande que toi Deallyra, et la feuille de style aussi,
l'idéal aurait été s'il existe un lien

s'il y a du javascript aussi

**widi70** · 20/07/2009, 10h00

Bonjour, merci de vos réponses et excusez moi pour le retard....

Enfaite c'est assez compliqué...
C'est pour un site marchand, c'est la page après l'ajout au panier avec la petite fenêtre "continuer vos achat ou terminer votre commande".

Donc j'ai la page ou le client à cliqué sur ajouter au panier avec :

Code :

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

include $adresseentiere;

donc dans cette page la j'ai une feuille de style, j'ai un menu en javascript, j'ai plein de chose.

Après pour que le client ne puisse pas cliquer sur autre chose que sur "terminer ma commande" ou "continuer mes achat", j'ai créer ma div :

Code :

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

1
2
3
<div style="position:absolute; top:0px; left:0px;  z-index:800;width:100%;height:100%">
<img src='../images/fondpanier.png' width='100%' height='100%'>
</div>

et après la div qui suit c'est seulement pour afficher mes boutons

donc voila je sait pas trop quoi vous donner comme code
Merci de votre aide

**widi70** · 24/07/2009, 16h57

Bonjour je vous donne le code ci-dessous côté client, en espérant que vous pourrez m'aider

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
<html>
<head>
</head>
<body  bgcolor="#99ccff">
<table width="1000px"   cellpadding="0"  align="center"  cellspacing="0">
 
		<tr valign="top" align="center" >
		<td width="100%" >
			<div id="conteneur">		
				<div id="header">
				<!--entête site + menu -->
				 </div>
		</td>
		</tr>
		<tr bgcolor='#6699cc'>
				<td align="center">
				<div id="rechercher">
				<!--recherche -->
 
			    </div>
				</td>
		</tr>
 
 
		<td valign="top"  bgcolor="#FFFFFF"  width="100%">
		 <!--Contenu de la page -->
		</td></tr></table>
</body>
</html>
 
<div style="position:absolute; top:0px; left:0px;  z-index:800;width:100%;height:100%">
<img src='../images/fondpanier.png' width='100%' height='100%'>
 
</div>
		<div  style="background:white;position:absolute; top:200 px; left:225 px;  z-index:1000; "  >
		<table width='550px' height='300px' border='3' bordercolor='#FF0000'>
		<tr>
		<td>
		<table width='100%' height='100%' valign='top' border='0' >
		<tr valign='middle' height='30px'><td align='center' colspan='3' bgcolor='#6699cc' style='color:#FFFFFF;font-size:14pt;' ><b>Vous venez d'ajouter ce produit à votre panier</b></td></tr>
		<tr><td colspan='3'><br></td></tr>
 
		<tr>
		<td rowspan='2' align='center'><img src='../images/produits/bindmate.jpg' width='75px'></td>
		<td align='center' style='color:#006699;font-family:Verdana, Arial,Helvetica, sans-serif;font-size:16px;text-decoration: none;font-weight: bold;'>BindMate</td>
		<td rowspan='2' align='center' style='color:#006699;font-family:Verdana, Arial,Helvetica, sans-serif;font-size:16px;text-decoration: none;font-weight: bold;'>30.00€</td>
		</tr>
		<tr><td align='center' style='color:#0099CC;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;text-decoration: none;' >Machine à relier</td></tr>
		<tr><td colspan='3'><br><br><br></td></tr>
 
		<tr height='75%' ><td colspan='3'>
		<table width='100%' ><tr><td align='left'><a href='commande.php'><img src='../images/terminer_commande.png' width='190px' border='0'></a></td>
					<td align='right'><a href='continu.php'><img src='../images/continuer_achat.png' width='190px' border='0'></a></td>
				</tr>
		</table>
		</td></tr>
		</table>		</td>
		</tr>
 
		</table>
		</div>

Merci d'avance

FoxLeRenard · 24/07/2009, 17h18

Envoyé par widi70

Bonjour je vous donne le code ci-dessous côté client, en espérant que vous pourrez m'aider
Merci d'avance

Enfin le code, alosr normal, car deux erreurs
l'un de tes include je supposes ferme les balises
body html

dans le premier TD il y a deux dIV dont un seul est ferme

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
 
<html>
<head>
</head>
<body  bgcolor="#99ccff">
<table width="1000px"   cellpadding="0"  align="center"  cellspacing="0">
 <tr valign="top" align="center" >
 <td width="100%" >
  <div id="conteneur">		
   <div id="header">
   </div>
//============ UN DIV A FERMER =====================
</td></tr>
<tr bgcolor='#6699cc'><td align="center">
 <div id="rechercher">
   </div>
</td></tr>
<td valign="top"  bgcolor="#FFFFFF"  width="100%">
</td></tr></table>
// ========== A VIRER </body></html>===================
 
// ====== Le reste est OK==============================

Superposition des div et firefox

HTML

Vue hybride

Discussions similaires

Partager

Partager