Marge blanche

Ce topic a été résolu
Profil introuvable

Profil introuvable Le 28 juillet 2017 à 16:37 (Édité le 25 janvier 2019 à 17:53)

Bonjour,
en tant qu'abonner sur la chaine Youtube de PrimFX, je debute en programation et je rencontre donc quelque soucis. Jusqu'a présent rien de grave. Mais depuis hier, je m'interoge.

Voila lorsque je lance mon site sur mon navigateur(Chrome) mais aussi sur Edge et Internet Explorer, j'optient un marge blanche tout autour de ma page web. Et je ne trouve pas de solution. Je vous joins donc le code Css et Html(php) de mon header. Merci d'avance pour vos reponse.

Voila le header.

<header>
      <div class="haut_page">
         <h1>Whipfred</h1>
         <nav class="nav_log">
            <ul>
               <li><a href="register.php">S' inscrire</a></li>
               <li><a href="login.php">Se connecter</a></li>
            </ul>
         </nav>
      </div>
   <nav class="menu_nav">
      <ul>
         <li><a href="index.php">Accueil</a></li>
         <li><a href="chat.php">Chat</a></li>
         <li><a href="#">Blog</a></li>
         <li><a href="#">Tutoriels</a></li>
      </ul>
   </nav>
</header>
</body>
voila le css:
.register{
   border: 2px solid #CF000F;
   width: 700px;
   margin: auto;
   margin-top: 150px;
}
.titre_chat{
   text-align: center;
   color: #CF000F;
   text-decoration: underline;
}
.chat{
   border: 2px solid #CF000F;
   width: 700px;
   margin: auto;
   font-size: 12px;
}
.chat button{
   text-align: center;
   width: 200px;
   margin-left: 250px;
}
span{
   color: #CF000F;
}
.menu_nav{
   background-color: rgba(207, 0, 15,0.9);
   position: relative;
   margin: 0 0 0 0;
}
.menu_nav ul li a{
   text-align: center;
   text-decoration: none;
   color: #F2F1EF;
   margin:0px;
}
.menu_nav ul li{
   list-style-type: none;
   display: inline-block;
   padding: 10px;
   margin: 0px;
}
.menu_nav ul li:hover{
   background-color: #F2F1EF;
   transition: 0.3s;
}
.menu_nav ul li:hover a{
   color: #CF000F;
   transition: 0.3s;
}
.haut_page{
   background-color: #2c3e50;
   margin: 0 auto;
   padding: 10px;
   display: flex;
   justify-content: space-between;
}
.haut_page h1{
   color:  rgba(207, 0, 15,0.9);
   margin: 0;
   padding-left: 7px;
   padding-top: 6px;
}
.haut_page .nav_log{
   display: inline-block;
}
.nav_log ul li a{
   color: #F2F1EF;
   text-decoration: none;
   text-align: center;
}
.nav_log ul li{
list-style-type: none; 
display: inline-block;
padding-left: 10px;
}
.family{
   color: green;
}
.basic_submit{
   border-radius: 4px;
   padding: 3px;
   margin-bottom: 1px;
   color: rgba(44, 62, 80, 0.6);;
   
}
.basic_submit:focus{
   background-color: rgba(44, 62, 80, 0.6);
   color: #F2F1EF;
}
body{
   background-color: #F2F1EF;
}
et voila l'index.php:
<?php
session_start();
?>
<!DOCTYPE html>
   <html>
      <head>
         <title>Accueil</title>
         <link rel="stylesheet" type="text/css" href="style/style.css">
      </head>
      <body>
         <?php include('inc/header.php'); ?>
         <p align="center"><font size="5"> Bienvenue <?php 
            if (isset($_SESSION['pseudo'])) {
               echo $_SESSION['pseudo'];
            }
            else {
               echo ", pour acceder à la totalité des fontionnalité du site, inscrivez vous!";
            }
         ?></font></p>
</body>
</html>

TheOldNoob

TheOldNoob Le 29 juillet 2017 à 12:26

Salut l'ami,

Chaque navigateur a sa propre feuille de style qu'il faut écrasé dans la plupart des cas.
Il faut faire un reset CSS. Alsacréation explique ça très bien. 

Bonne lecture 😀
Profil introuvable

Profil introuvable Le 29 juillet 2017 à 14:29

Ca me fait ca sur tout les navigateurs
TheOldNoob

TheOldNoob Le 29 juillet 2017 à 14:30

parce que tout les navigateur on leur propre feuille de style.

Mais si tu vais un reset css, tu n'aura plus se problème.
Profil introuvable

Profil introuvable Le 29 juillet 2017 à 14:55 (Édité le 29 juillet 2017 à 14:55)

super ca marche dans tout les navigateur sauf dans chrome alors si tu as une solution?
En tout cas merci d'avance ca fait 3 jours que je tourne en rond
Profil introuvable

Profil introuvable Le 29 juillet 2017 à 15:12

Merci beacoup à toi TheOldNoob !
TheOldNoob

TheOldNoob Le 29 juillet 2017 à 15:33

J'utilise chrome et j'ai pas se problème.
Normalement juste avec :
* { margin :0;} 
Tu retire cette marge disgracieuse. 
leslieneal

leslieneal Le 2 août 2019 à 06:57

Merci beacoup à toi TheOldNoob !

google street view
Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte