Marge gauche [Résolu]

script2110 6 Messages postés mercredi 4 octobre 2017Date d'inscription 13 octobre 2017 Dernière intervention - 12 oct. 2017 à 17:19 - Dernière réponse : script2110 6 Messages postés mercredi 4 octobre 2017Date d'inscription 13 octobre 2017 Dernière intervention
- 13 oct. 2017 à 14:04
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
Afficher la suite 

4 réponses

Répondre au sujet
elgazar 4345 Messages postés mercredi 30 octobre 2013Date d'inscription 13 décembre 2017 Dernière intervention - 12 oct. 2017 à 19:32
0
Utile
3
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.
script2110 6 Messages postés mercredi 4 octobre 2017Date d'inscription 13 octobre 2017 Dernière intervention - 12 oct. 2017 à 22:58
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
elgazar 4345 Messages postés mercredi 30 octobre 2013Date d'inscription 13 décembre 2017 Dernière intervention > script2110 6 Messages postés mercredi 4 octobre 2017Date d'inscription 13 octobre 2017 Dernière intervention - 13 oct. 2017 à 10:58
vite 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>
script2110 6 Messages postés mercredi 4 octobre 2017Date d'inscription 13 octobre 2017 Dernière intervention - 13 oct. 2017 à 14:04
Un grand merci j'ai reussi.
Commenter la réponse de elgazar