Marge gauche

Résolu
script2110 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -  
script2110 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -
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

elgazar Messages postés 5841 Date d'inscription   Statut Membre Dernière intervention   1 326
 
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.
0
script2110 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
elgazar Messages postés 5841 Date d'inscription   Statut Membre Dernière intervention   1 326 > script2110 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
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>
0
script2110 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
Un grand merci j'ai reussi.
0