Aidez un débutant svp ! :) Fermé

Question

Bonjour, 

J'aimerais savoir comment coder ça : http://img4.hostingpics.net/pics/314318Sanstitre1.jpg

Je m'explique :

Le cadre noir c'est le document, la fenêtre d'affichage quoi.
Le cadre bleu c'est une zone que je veux délimiter en tant que corps du document. J'aimerais que le cadre bleu soit la zone exacte dans laquelle sera mis tout mon contenu.

Ca doit être une histoire de marges je pense, mais je ne comprends pas vraiment comment faire.

Merci d'avance !

Configuration: Windows 7 / Firefox 17.0

DarkAurora · Answer

Je te conseil de rechercher 'margin' sur google toutes tes réponses y sont

bigeyes · Answer

Salut !

Il s'agit bien d'une histoire de marges, as-tu regardé sur le site du zéro ? Je te laisse un lien : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

bigeyes

toxxiczad · Answer

Yes super merci ! C'est une très bonne piste ça, et ça va m'être bien utile. Pourtant ça ne répond pas vraiment à ma question. Enfin je crois pas...

Si je vulgarise la chose, voici ce que j'aimerais obtenir :

Faire en sorte que le <body> fasse par exemple 700px de large et soit automatiquement centré sur la fenêtre de celui qui visualise.

Du coup en ayant spécifié ça, j'ai plus à me soucier de ces marges là du tout et chaque chose que je met comme contenu sera directement affiché dans cette zone de 700px de large et centrée.

bigeyes · Answer

Au temps pour moi, j'ai un peu confondu (ça fait un moment que j'ai pas tâté du CSS ^^). 

Regarde plutôt ça : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3 (tout le chapitre sur la mise en page en CSS peut t'être utile je pense).

toxxiczad · Answer

Ok ça, ça a l'air d'être la solution. MERCI !

Si jamais, pendant que je regarde plus attentivement ton lien, voici un croquis plus détaillé de ce que j'aimerais faire : http://img4.hostingpics.net/pics/204643Sanstitre1.jpg

Ce qu'il y a au milieu, c'est une histoire de DIV, ça je sais faire.

Mon but c'est de définir les "XXpx" autour de la zone centrale.

Merci encore pour le lien, je m'y colle !

astuces72 · Answer

slt

<style type="text/css">
body { 
margin-top:50px 
}
#cadre_central {
	margin: auto;
	width: 400px;
	height: auto;
	min-height:400px;
	border: 1px solid #900;
}

    </style>
<body>
<div id="cadre_central"></div>
</body>

toxxiczad · Answer

Super ! Tous ces détails m'ont permis d'obtenir ce que je voulais :)

Merci à tous, sujet clos =D

Aidez un débutant svp ! :)

7 réponses

Discussions similaires