SELFHTML

Forum SELFHTML: Archives:
pb de positionnement de boites

Page d'information: vue d'ensemble
vers le bas 

(CSS) pb de positionnement de boites

Le message suivant est de: Pierre, Adresse électronique Pierre.Cathelain@foudebasson.com, 12. 02. 2004, 13:32

Bonjour
Voila j'ai un pb que je n'arrive pas à résoudre: j'ai un cadre pour le positionnement d'un texte et un 2ème cadre pour le positionnement d'un menu.
Je voudrai que ce 2ème cadre soit à gauche (peu importe à la limite!) et que le texte du 1er cadre l'entoure!
J'ai éssayé mais ça marche pas!!

voici mon code

#principal {
   position: absolute;
   left: 30px;
   top: 87px;
   margin: 1.5em 1% 0px 0px;
   width: 95%;
   height: auto;
   padding-right: 4px;
   padding-left: 4px;
}
#navigation {
   float:left;
   left: 4px;
   top: 75px;
   width: 15%;
   padding: 0.5em;
   margin: 3px 1em 4em 3px;
   height: auto;
   background-color: #F8D5F1;
}


J'éspere avoir été assez clair
merci de vos réponse
A+


 
vers le hautvers le bas 

(CSS) pb de positionnement de boites

Le message suivant est de: David, Adresse électronique moi@moi.com, 12. 02. 2004, 14:14
http://www.site-en-stock.net

Bonjour,

utiliser float est une bonne idee, mais l'astuce pour que ca marche a tout les coup c'est de mettre tes 2 balises dans un conteneur. Ex:
#conteneur {
    width:400px;
    height:200px;
}
#principal {
    float:left;
    width: 350px;
    height:200px;
}
#navigation {
    float:left;
    width: 50px;
    height: 200px;
}

evite aussi de melanger les em, px, et % decide pour l'un ou l'autre (px etant plus recommandable) mm remarque pour les couleurs essai de t'en tenir aux couleurs standard FFCCFF, t'en ton cas est valable et donnera le meme resultat pour tous les navigateurs

@+
David


 
vers le hautvers le bas 

(CSS) pb de positionnement de boites

Le message suivant est de: pierre, Adresse électronique Pierre.Cathelain@foudebasson.com, 12. 02. 2004, 23:42

Bonjour
Merci de ta réponse et tes conseils (em, px ...)
En fait j'ai résolu le pb en modifiant #principal (c'est mon fond de page, je n'ai pas besoin de "position abosolu" j'ai gardé par contre float pour mon menu à gauche.
Tout fonctionne (j'ai vérifier avec IE, NS, MZ...)
A+
pierre


 
vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org