Bonjour tout le monde,
j'ai décidé de me joindre à Alsacréations et j'aimerai vraiment percer le mystère du positionnement des DIV.
J'ai fait beaucoup de tutos dans tous les sens et malgrès tout ce que j'ai lu, je n'arrive pas à me dépatouiller avec la boite à outil fournise avec le CSS. Display, position, float.. je comprend bien comment fonctionnent ses attributs, mais quand il sagit de les mettre en oeuvre, je me dis que je n'y arriverai jamais, pourtant je comprend l'importance de ces "conteneur" DIV que j'essayais d'esquiver mais je me lasse de mes tableaux et quand je vois ce qu'il est possible de faire.
J'ai donc un problème qui certainement va paraitre simple pour certains :
un div conteneur centré, un autre qui doit être positionner au top left de ce conteneur, et un autre centré horizontalement pas rapport au conteneur, et cela dans tous les navigateurs, et dans plusieurs résolutions.Je sais que des elements de type bloc passe systèmatiquement à la ligne, alors je met un display inline, mais les éléments ne se placent plus comme je le veux, alors j'essaye avec float pour qu'ils soient sur la même ligne, mais rien à faire. je vous met mon code même si il n'est pas très avancé, n'hésiter pas à critiquer et me dire si je suis bien parti, car je désire vraiment n'utiliser que les DIV, Thanks!
et avec ce code ça donne ça, ce qui me fait peur c'est que j'aurais d'autres DIV à placer comme un footer, une DIV avec un contenu, j'espere vraiment comprendre une bonne foi pour toute!
Merci pour votre aide.
Modifié par Djoul (13 Mar 2008 - 16:30)
j'ai décidé de me joindre à Alsacréations et j'aimerai vraiment percer le mystère du positionnement des DIV.
J'ai fait beaucoup de tutos dans tous les sens et malgrès tout ce que j'ai lu, je n'arrive pas à me dépatouiller avec la boite à outil fournise avec le CSS. Display, position, float.. je comprend bien comment fonctionnent ses attributs, mais quand il sagit de les mettre en oeuvre, je me dis que je n'y arriverai jamais, pourtant je comprend l'importance de ces "conteneur" DIV que j'essayais d'esquiver mais je me lasse de mes tableaux et quand je vois ce qu'il est possible de faire.
J'ai donc un problème qui certainement va paraitre simple pour certains :
un div conteneur centré, un autre qui doit être positionner au top left de ce conteneur, et un autre centré horizontalement pas rapport au conteneur, et cela dans tous les navigateurs, et dans plusieurs résolutions.Je sais que des elements de type bloc passe systèmatiquement à la ligne, alors je met un display inline, mais les éléments ne se placent plus comme je le veux, alors j'essaye avec float pour qu'ils soient sur la même ligne, mais rien à faire. je vous met mon code même si il n'est pas très avancé, n'hésiter pas à critiquer et me dire si je suis bien parti, car je désire vraiment n'utiliser que les DIV, Thanks!
HTML, BODY {
margin:10 0 0 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #F3F3F3;
font-family: Arial;
color: #000;
font-size: 11px;
}
DIV#conteneur {
margin: 0 auto 0 auto;
padding: 0;
width: 920px;
height: auto !important;
height: 600px;
min-height: 600px;
background-color: #E8FFF3;
border:1px solid black;
position:relative;
}
DIV#VNI {
margin-left:auto;
margin-right:auto;
width:150px;
height:30px;
background-color:#FFE2D5;
text-align:center;
}
DIV#VNI p{
padding-top:10px;
color:red;
}
DIV#bloc_left{
float:left;
width:241px;
}et avec ce code ça donne ça, ce qui me fait peur c'est que j'aurais d'autres DIV à placer comme un footer, une DIV avec un contenu, j'espere vraiment comprendre une bonne foi pour toute!
Merci pour votre aide.
Modifié par Djoul (13 Mar 2008 - 16:30)
