Signaler

Marge gauche [Résolu]

Posez votre question script2110 6Messages postés mercredi 4 octobre 2017Date d'inscription 13 octobre 2017 Dernière intervention - Dernière réponse le 13 oct. 2017 à 14:04 par script2110
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
Utile
+0
plus moins
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 6Messages 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
Répondre
elgazar 4218Messages postés mercredi 30 octobre 2013Date d'inscription 18 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>
Répondre
script2110 6Messages 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.
Répondre
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !