IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Superposition des div et firefox


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 157
    Par défaut Superposition des div et firefox
    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

  2. #2
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Bonjour,

    Peux tu nous refournir le code ci dessous mais seulement coté client ?
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  3. #3
    FoxLeRenard
    Invité(e)
    Par défaut
    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

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 157
    Par défaut
    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

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 157
    Par défaut
    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

  6. #6
    FoxLeRenard
    Invité(e)
    Par défaut
    Citation Envoyé par widi70 Voir le message
    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==============================

Discussions similaires

  1. Le contenu dépasse des balises DIV sous Firefox
    Par Francks11 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 13/11/2009, 13h06
  2. superposition des div
    Par steinfield dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 16/01/2008, 11h27
  3. afficher/effacer des <tr> sous Firefox
    Par Macintoc dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 29/06/2005, 10h10
  4. [XHTML] centrer un tableau au milieu d'un div - bug firefox
    Par mondiani dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 07/02/2005, 23h57
  5. [java3d] superposition des éléments
    Par moutse dans le forum 3D
    Réponses: 3
    Dernier message: 19/10/2004, 12h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo