Marge gauche

Résolu
Bonjour,
Pouvez vous me dire comment puis-je créer une marge a l'image de ce site web : http://www.revue-cinemas.info/index.php?page=index
Il s'agit de la marge grise à gauche au milieu.
J'aimerais bien mettre une marge dans la partie centrale de mon site mais je n'y arrive pas.
Merci d'avance,
Cordialement

1 réponse

  1. Bonjour

    tu crée une div container qui sera la largeur de ton site par exemple 80% de la fenêtre ensuite tu crées a l'intérieur de cette div container, une premier div d'une largeur de 30% avec un background gris et une seconde de 70%

    Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
    1. Je n'ai malheureusement pas bien compris.
      <div class="container mid"><br>


      Ceci est mon div container. Pourrais tu m'écrire comment puis je avoir le meme résultat (avec la marge)?
      Merci d'avance,
      Cordialement
    2. @script2110vite fait parce que j'ai pas le temps ce matin
      <header>
      <style>
      
      body {
      	padding: 20px 5px;
      }
      
      #container {
      	width: 1000px;
      	margin: 0 auto; 
      	
      }
      #header {
      width:100%;
      height: 250px;
      border:1px solid #000;
      }
      #navigation {
      width:100%;
      height: 25px;
      border:1px solid #000;
      }
      #centre {
      	width: 100%; 
      		overflow: hidden; 
      }
      
      #gauche {
      	float: left; 
      	width: 30%;
      	height:100%;
      	padding: 10px 20px;
      	background-color:#ff0000;
      	border:1px solid #000;
      }
      #droite {
      float: right;
      	width: 60%; 
      	height:100%;
      	padding: 10px 20px;
      	background-color:#dcdcdc;
      	border:1px solid #000;
      }
      </style>
      </header>
      <body>
      <div id="container">
      	<div id="header">header</div>
      	<div id="navigation">menu</div>
      	<div id="centre">
      		<div id="gauche">zone 1</div>
      		<div id="droite">zone 2</div>
      	</div>
      </div>
      </body>
    3. Un grand merci j'ai reussi.