La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  positionnement: problème margin-top
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: positionnement: problème margin-top  (Lu 1604 fois)
positionnement: problème margin-top
« sur: le 06-08-2011 a 13:40:29 »
derkomai
Membre récent
*

Hors-Ligne

Messages: 10





Voir le Profil
Répondre avec citation

Bonjour à tous!

J'ai un petit soucis de positionnement, je viens de manger des tutoriels pendant plus de deux jours, et j'ai fait le tour des principaux.

voilà, je voudrais faire un grand cadre (pour délimiter la largeur de mon site, ici en vert)
et à l'intérieur un autre cadre (un en tête en blanc), commençant un peu en dessous du bord supérieur du cadre vert.

voici le CSS pour deux DIV, j'ai mis le DIV du cadre blanc dans le DIV du cadre vert.

et vu qu'il faut utiliser les margin pour "positionner" les DIV j'ai mis au cadre blanc un margin-top de 100px.
Code:

#main{
width:1024px;
margin-left: auto;
margin-right: auto;
background-color:green;
}
#corps{
margin-top:100px;
margin-left:190px;
width:814px;
background-color:white;
}

sauf qu'au lieu de me descendre le cadre blanc, c'est le cadre vert qui semble prendre une marge de 100px, et je ne comprends pas pourquoi!


est ce que vous auriez une idée? 

Rapporter au modérateur  

Re:positionnement: problème margin-top
« Répondre #1 sur: le 06-08-2011 a 15:27:30 »
taholu
Membre récent
*

Hors-Ligne

Messages: 4





Voir le Profil    E-Mail
Répondre avec citation

Salut !
il te manque la propriété floating left...dans la div 'corp'...

@+

Rapporter au modérateur  
Re:positionnement: problème margin-top
« Répondre #2 sur: le 06-08-2011 a 16:05:58 »
derkomai
Membre récent
*

Hors-Ligne

Messages: 10





Voir le Profil
Répondre avec citation

En cherchant seule j'ai trouvé un truc.

par contre mettre un float:left sur corps ça fonctionne pas dans la mesure ou j'ai continué l'intégration, ya un menu de gauche et tout n'est pas forcément bien orchestré! ^^'

par contre je remarque qu'on utilise beaucoup float:left, je comprend pas toujours pourquoi d'ailleurs. merci en  tout cas pour ta réponse, je vais réésayer en partant du début.

Rapporter au modérateur  
Re:positionnement: problème margin-top
« Répondre #3 sur: le 06-08-2011 a 21:35:37 »
taholu
Membre récent
*

Hors-Ligne

Messages: 4





Voir le Profil    E-Mail
Répondre avec citation

Deux balises div sans propriétés Float ne peuvent pas être l'une à côté de l'autre et donc encore moins "lune dans l'autre". c'est tout bête

Rapporter au modérateur  
Re:positionnement: problème margin-top
« Répondre #4 sur: le 08-08-2011 a 10:37:26 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

Citation:
c encore moins "lune dans l'autre".

?? 2 div peuvent se mettre l'une dans l'autre sans float !

@derkomai: un peu de lecture qui répondra a tes questions: http://openweb.eu.org/articles/initiation_absolue

Rapporter au modérateur  
Re:positionnement: problème margin-top
« Répondre #5 sur: le 11-08-2011 a 22:35:52 »
derkomai
Membre récent
*

Hors-Ligne

Messages: 10





Voir le Profil
Répondre avec citation

merci pour la lecture!

J'ai toujours du mal a comprendre ses histoires de positions, mais entre le site du zero, alsa creation et open web ça va bien se complémenter!

J'avais réussi a faire ma mise en page mais ce n'est pas propre du tout... je retrouve l'en tête (similaire par tout) développé en html en plein milieu de chaque page, et c'est pas bon...

Au fait, c'est si grave que ça si je m'en sort avec 80% de positionnement absolut?

« Dernière Édition: le 11-08-2011 a 22:44:21 par derkomai » Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg