Aidez un débutant svp ! :)

toxxiczad Messages postés 5 Statut Membre -  
toxxiczad Messages postés 5 Statut Membre -
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 !

7 réponses

DarkAurora Messages postés 443 Statut Membre 27
 
Je te conseil de rechercher 'margin' sur google toutes tes réponses y sont
0
bigeyes Messages postés 467 Statut Membre 48
 
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
0
toxxiczad Messages postés 5 Statut Membre
 
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.
0
bigeyes Messages postés 467 Statut Membre 48
 
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).
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
toxxiczad Messages postés 5 Statut Membre
 
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 !
0
astuces72 Messages postés 8349 Statut Membre
 
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>
0
toxxiczad Messages postés 5 Statut Membre
 
Super ! Tous ces détails m'ont permis d'obtenir ce que je voulais :)

Merci à tous, sujet clos =D
0