Sujet : Disparition de l'affichage en version mobile.Pb form d'inscription

Bonjour
Je démarre en JQuery Mobile.
Vous trouverez en desous le code pour le fichier index.php et le fichier inscription.php. Voici mes problèmes:
1- Le design de la version mobile de s'affiche plus. Je parle bien du bloc Header et Footer. Je ne les vois plus. Comment faire pour les revoir et en plus changer leurs couleur.
2- J'ai crée une page inscription mais j'arrive pas à envoyer les données dans la base de données.

Aidez moi, Merci ! Je peux réexpliquer si je ne suis pas claire !
index.php :

<!DOCTYPE html>
<html>
<head>
<meta name=viewport content="user-scalable=no,width=device-width" />
<!--<link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
<link rel="stylesheet" href="override.css" />
<script src=jquery.js></script>
<script src=jquery.mobile/jquery.mobile.js></script>-->
<link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
<script src=jquery.js></script>
<script src=jquery.mobile/jquery.mobile.js></script>
</head>

<body>
   <div data-role="page">
      <div data-role="header" data-theme="b">
         <h1>Rechercher un emploi/stage</h1>
      </div>
      <div data-role="content">
      <p> <INPUT type="text" name="nom" value="Mots clés" size="50"> <br><br>
<INPUT type="text" name="localisation" value="Localisation" size="50"> <br><br>
<INPUT type="submit" name="trouver" value="Trouver"> <br><br>

<ul data-role="listview" data-inset="true">
   <li><a href="pages/inscription.php" data-transition="slide">Inscription</a></li>
   <li><a href="pages/connexion.php" data-transition="slide">Connexion</a></li>
   <li><a href="pages/contact.php" data-transition="slide">Contact</a></li>
</ul>

<footer data-role="footer" data-theme="b">
   <p class="center"> <a href="pages/cgu.php">Condition générales d'utilisation</a></p>
</footer>
      </div>
   </div>
</body>
</html>


inscription.php :
<?php
// on teste si le visiteur a soumis le formulaire
if (isset($_POST['inscription']) && $_POST['inscription'] == 'Inscription') {
    // on teste l'existence de nos variables. On teste également si elles ne sont pas vides
    if ((isset($_POST['identifiant']) && !empty($_POST['identifiant']))
    && (isset($_POST['password']) && !empty($_POST['password']))
    && (isset($_POST['mail']) && !empty($_POST['mail']))) {
       
        $base = mysql_connect ('localhost', 'root', '');
        mysql_select_db ('db513623077', $base);

        // on recherche si cet identifiant est déjà utilisé par un autre membre
        $sql = 'SELECT count(*) FROM users WHERE username="'.mysql_escape_string($_POST['identifiant']).'"';
        $req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
        $data = mysql_fetch_array($req);

        if ($data[0] == 0) {
        $sql = 'INSERT INTO users VALUES("", "'.mysql_escape_string($_POST['identifiant']).'", "'.mysql_escape_string(md5($_POST['password'])).'", "'.mysql_escape_string($_POST['mail']).'")';
        mysql_query($sql) or die('Erreur SQL !'.$sql.'<br />'.mysql_error());

        session_start();
        $_SESSION['identifiant'] = $_POST['identifiant'];
        header('Location: users.php');
        exit();
        }
        else {
        $erreur = 'Un autre membre possède déjà cet identifiant.';
        }
    }
    }
    else {
    $erreur = 'Au moins un des champs est vide.';
    }

?>


<!DOCTYPE html>
<html>
<head>
<meta name=viewport content="user-scalable=no,width=device-width" />
<!--<link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
<link rel="stylesheet" href="override.css" />
<script src=jquery.js></script>
<script src=jquery.mobile/jquery.mobile.js></script>-->
<link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
<script src=jquery.js></script>
<script src=jquery.mobile/jquery.mobile.js></script>
</head>

<body>
   <div data-role="page">
      <div data-role="header" data-theme="b">
         <h1>Inscription</h1>
      </div>
      <div data-role="content">
      <FORM method="post" action="inscription.php">
<label for="identifiant">Identifiant</label>
<INPUT type="text" name="identifiant" value="<?php if (isset($_POST['identifiant'])) echo htmlentities(trim($_POST['identifiant'])); ?>"><br />

<label for="password">Mot de passe:</label>
<INPUT type="text" name="password" value="<?php if (isset($_POST['password'])) echo htmlentities(trim($_POST['password'])); ?>"><br />

<label for="mail">Adresse Email</label>
<INPUT type="text" name="mail" value="<?php if (isset($_POST['mail'])) echo htmlentities(trim($_POST['mail'])); ?>"><br />

<INPUT type="submit" name="inscription" value="Valider"> <br><br>
</form>
<?php
if (isset($erreur)) echo '<br />',$erreur;
?>
<a href="index.php" data-role="button" data-mini="true" data-inline="true" data-icon="arrow-l"
data-iconpos="left" data-transition="slide" data-direction="reverse">Accueil</a>

<footer data-role="footer" data-theme="b">
   <p class="center"> <a href="pages/cgu.php">Condition générales d'utilisation</a></p>
</footer>
      </div>
   </div>
</body>
</html>