Compabilité Edge, connection base de données

Bonjour,

Pour planter le décor, Je suis débutant autodidacte et j' apprend dans mon coin avec le support de ce forum.
Pour ce projet"gestion de stock", j'avais développé mon code (HTML, Php, JavaScript, MySql), et ça faisait ce que je voulait, jusqu'à ce que je fasse le CSS...
Et du coup ça ne fonctionne plus, la base de donnée n'est plus mise à jour.
Je n'arrive pas à comprendre pourquoi. Je me dit que j'ai du modifier des liens mais je ne trouve pas quoi.

De plus le comportement sur Edge n'est pas le même que sur Firefox. Ma 2ème page sur Edge affiche seulement le programme sous forme texte.





C'est où le problème?
Voici mes programmes:

Merci d'avance.
JCT

02_index.html :

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="STYLE_02.css"/>
    <title>MOUVEMENT MAGASINS</title>    
</head>

<body >
     <div >
       <h1>ACCES AUX MAGASINS</h1>
        <p id='p21esMagCutTools'>ENTREE SORTIE MAGASIN OUTILS COUPANTS.</p> 
        <p>PROGRAMME 1</p> 
        <p>PROGRAMME 2</p>
        <p>PROGRAMME 3</p>
      </div>
    <script id='scpript_JS' src = "02_MAGASIN.js" > </script>
</body>  
</html>

02_MAGASIN.js :

// Click sur  SORTIE OUTIL COUPANT
let magCutTools = document.getElementById('p21esMagCutTools');
magCutTools.addEventListener('click',fesMagCutTools);

function fesMagCutTools(){
    window.open(target='02_MOUVEMENT_MAGASIN_81.php',"_self");
}

STYLE_02.css:

div {
	background-color: rgb(60, 10, 85);
	width: 90%;
	margin-left: 10px;
	margin-bottom: 30px;

	padding-bottom: 10px;
}

h1 {
	background-color: rgb(117, 34, 147);
	text-align: center;
	color: rgb(95, 227, 236);

}

p, .p{
	color: rgb(33, 170, 180);
	margin-left: 10px;
	width: 80%;
	height: 30px;
	text-align: center;
	font-size: 25px;

	text-justify: auto;
	font-size: 25px;
	border: gray solid 3px;
	margin-left: 10mm;
	padding-left: 5mm;
	cursor: pointer;
}

p:hover{
  background-color: rgb(33,170,180);
  color: rgb(60,10,85);
}

#mainMvtMag {
	color: blue;
	text-align: center;
	font-size: xx-large;
		   
}

#bouton_sortie, #bouton_entree {
	text-align: center;
}

sortietools.js :

// Click sur  SORTIE OUTIL COUPANT
let sortie = document.getElementById('sortie');
sortie.addEventListener('click',fOuvre021);

function fOuvre021(){
    window.open(target='021_SORTIE.html',"_blank");
}

021_SORTIE.html:

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">    
        <link rel="stylesheet" href="STYLE_021.css"/>
        <title>SORTIE OUTILS COUPANTS</title>
    </head>        


    <body>
        <h1>SORTIE OUTILS DU MAGASIN.</h1>
        <form class='form1' id = 'id_sortie_21' action="0211_sortietools.php" method="post">
            <!-- ENTREE DU CODE MAGASIN -->
            <label id='id_codeMagLbl_21' for="id_codeMagInput_21">CODE MAGASIN</label>
            <input id='id_codeMagInput_21' name="codeMag_21" required type="number" placeholder="Code magasin" >

            <!-- QUANTITE SORTIE -->
            <label id='id_qteSortieLbl_21' for="id_qteSortieInput_21">QUANTITE SORTIE</label>
            <input id='id_qteSortieInput_21' name="qteSortie_21" required type="number" placeholder="Quantité sortie" >

            <!-- NOM OPERATEUR -->
            <label id='id_nomOPLbl_21' for="id_nomOPInput_21">CODE OPERATEUR</label>
            <input id='id_nomOPInput_21' name="codeOP_21" required  placeholder="Code opérateur" >

            <!-- GAMME -->
            <label id='id_nomGammeLbl_21' for="id_nomGammeInput_21">NOM DE GAMME</label>
            <input id='id_nomGammeInput_21' name="gamme_21" required  placeholder="Gamme" >
  
            <!-- BOUTON VALIDER -->
            <input id = "id_valid_21" class = 'cl_valid_21' type = "submit" value = "VALIDER">
            <!-- BOUTON ABANDON -->
            <input id = "id_abandon_21" class = 'cl_valid_21' type = "button" value = "ABANDON" onclick="window.close()">
        </form>  
    </body>
</html>

STYLE_021.css

body{
  margin: 0px; 
  width: 80%;
}

label{
  text-align:   center;
  padding-top: 15px;
}
input{
  font-size: 25px;
  width: 250px;
  margin: 10px;
  /*padding-top: 5px;*/
  text-align:   justify;
  /*! margin-right: 5%; */
}

h1 {

  font-size: 35px;
  background-color: rgb(117, 34, 147);
  text-align: center;
  color: greenyellow;
  padding: 5px;
  margin: 0px;
  background-color: rgb;
}

.cl_valid_21{
  color: rebeccapurple;
  text-align: center;
  font-size: 35px;
  margin-right: 20px;
  margin-top: 20px; 
  width: 50%;
  border-radius: 10px;
  background-color: rgb(190,190,250);
  cursor: pointer;
  
}

.cl_valid_21:hover{
background-color: rebeccapurple;
    color:  rgb(190,190,250);
}


.form1{
  font-size: 35px;
  display: grid;
  grid-template-columns: auto auto;
  background-color: green;
  padding: 3%;
}

0211_sortietools.php:

<?php   
               
try{     
        
    function cleanData($dataToClean){
        $dataToClean = trim($dataToClean);
        $dataToClean = stripslashes($dataToClean);
        $dataCleaned = htmlspecialchars($dataToClean);
        return $dataCleaned;
    }
                                      
    $codeMag = cleanData($_POST["codeMag_21"]);
    $qteSortie = cleanData($_POST["qteSortie_21"]);
    $operateur = cleanData($_POST["codeOP_21"]);
    $gamme = cleanData($_POST["gamme_21"]);
    date_default_timezone_set("Europe/Paris");
    $date1 = date("Y-m-d H:i:s");
    //$date2 = date("U");

//--------------------------------------------------------------------------//
//connexion à la bdd "hydro"
//--------------------------------------------------------------------------//
require_once "../cnxbdd.php";

// MISE A JOUR TABLE "mvt_magasin"

    $requete = $connexion->prepare("INSERT INTO mvt_magasin(CODE_MAGASIN,OPERATEUR,
    GAMME,QTE_SORTIE,DATE_1)
    VALUES(:CODE_MAGASIN,:OPERATEUR,:GAMME,:QTE_SORTIE,:DATE_1)"
    );

    $requete->bindParam(':CODE_MAGASIN', $codeMag);
    $requete->bindParam(':OPERATEUR', $operateur);
    $requete->bindParam(':GAMME', $gamme);
    $requete->bindParam(':QTE_SORTIE', $qteSortie);
    $requete->bindParam(':DATE_1', $date1);

    $requete-> execute();


// MISE A JOUR STOCK DANS TABLE "cutting_tools_01"
    $sql2 = "UPDATE cutting_tools_01 SET STOCK = STOCK - :QTE_SORTIE WHERE REF_MAG = :CODE_MAGASIN";
    $requete2 = $connexion->prepare($sql2);   
    $requete2->bindParam(':CODE_MAGASIN', $codeMag);
    $requete2->bindParam(':QTE_SORTIE', $qteSortie);
    
    $requete2-> execute();
}        
                
catch(PDOException $e){
    echo 'ECHEC  : ' .$e->getMessage();
}                           

echo "<script language='javascript'>window.close()</script>";