Titre: positionnement: problème margin-top
Posté par: derkomai le le 06-08-2011 a 13:40:29
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!
[url=http://img143.imageshack.us/i/divmatter.jpg/]
est ce que vous auriez une idée? :) |
Titre: Re:positionnement: problème margin-top
Posté par: taholu le le 06-08-2011 a 15:27:30
Salut !
il te manque la propriété floating left...dans la div 'corp'...
@+ |
Titre: Re:positionnement: problème margin-top
Posté par: derkomai le le 06-08-2011 a 16:05:58
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. |
Titre: Re:positionnement: problème margin-top
Posté par: taholu le le 06-08-2011 a 21:35:37
| 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 :) |
Titre: Re:positionnement: problème margin-top
Posté par: KB le le 08-08-2011 a 10:37:26
| 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 |
Titre: Re:positionnement: problème margin-top
Posté par: derkomai le le 11-08-2011 a 22:35:52
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? |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|