Marge gauche

Résolu/Fermé
script2110
Messages postés
6
Date d'inscription
mercredi 4 octobre 2017
Statut
Membre
Dernière intervention
13 octobre 2017
- 12 oct. 2017 à 17:19
script2110
Messages postés
6
Date d'inscription
mercredi 4 octobre 2017
Statut
Membre
Dernière intervention
13 octobre 2017
- 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

1 réponse

elgazar
Messages postés
5840
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 289
12 oct. 2017 à 19:32
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
mercredi 4 octobre 2017
Statut
Membre
Dernière intervention
13 octobre 2017

Modifié le 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
0
elgazar
Messages postés
5840
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 289 > script2110
Messages postés
6
Date d'inscription
mercredi 4 octobre 2017
Statut
Membre
Dernière intervention
13 octobre 2017

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>
0
script2110
Messages postés
6
Date d'inscription
mercredi 4 octobre 2017
Statut
Membre
Dernière intervention
13 octobre 2017

13 oct. 2017 à 14:04
Un grand merci j'ai reussi.
0