Aidez un débutant svp ! :)

Fermé
toxxiczad Messages postés 4 Date d'inscription vendredi 30 novembre 2012 Statut Membre Dernière intervention 30 novembre 2012 - 30 nov. 2012 à 15:54
toxxiczad Messages postés 4 Date d'inscription vendredi 30 novembre 2012 Statut Membre Dernière intervention 30 novembre 2012 - 30 nov. 2012 à 17:53
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 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
30 nov. 2012 à 16:17
Je te conseil de rechercher 'margin' sur google toutes tes réponses y sont
0
bigeyes Messages postés 431 Date d'inscription vendredi 7 mai 2010 Statut Membre Dernière intervention 17 octobre 2015 48
30 nov. 2012 à 16:18
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 4 Date d'inscription vendredi 30 novembre 2012 Statut Membre Dernière intervention 30 novembre 2012
30 nov. 2012 à 16:27
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 431 Date d'inscription vendredi 7 mai 2010 Statut Membre Dernière intervention 17 octobre 2015 48
Modifié par bigeyes le 30/11/2012 à 16:32
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 4 Date d'inscription vendredi 30 novembre 2012 Statut Membre Dernière intervention 30 novembre 2012
30 nov. 2012 à 16:36
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 7760 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 29 octobre 2024 1 640
30 nov. 2012 à 17:07
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 4 Date d'inscription vendredi 30 novembre 2012 Statut Membre Dernière intervention 30 novembre 2012
30 nov. 2012 à 17:53
Super ! Tous ces détails m'ont permis d'obtenir ce que je voulais :)

Merci à tous, sujet clos =D
0