Excuse la mauvaise forme de ma réponse, mais je ne sais pas comment découper ta citation en morceaux et répondre entre eux.Mongo Bob a écrit : IL Y A : la 1ère chose est que dans ma version, dans la page de code html, le div menu_lateral, apparaît juste après la ligne du body, comme tu peux le voir dans l'affichage source, ce qui permet de l'afficher tout en haut, ce qui est mieux que de l'avoir en-dessous avec IE (ou mélangé au texte).
D'autre part, j'ai mis ce div avec ces propriétés css là :
J'ai souligné les modifs.menu_lateral {
border: 3px solid #990000;
font-family: Courier New,Courier,monospace;
text-align: left ! important;
float: left;
margin-left: 0%;
width: 15%;
position: relative;
}
Chez toi, dans la page html (en tant que code, je veux dire) le div menu_lateral apparaît en-dessous du tableau qui commence par "Qui sommes-nous?", et, dans ton css :"width=6cm", à la rigueur, je préfère "15%", c'est plus souple, "position fixed" , autant jeter ça à la poubelle si tu n'appliques pas la solution de Chinon37..menu_lateral {
border: 3px solid #990000;
font-family: Courier New,Courier,monospace;
position: fixed;
width: 6cm;
text-align: left ! important;
margin-left: 5px;
float: left;
margin-top: 100px;
}
Que IE7 respecte ou non les standards et la position "fixed", de toute façon, il faut surtout considérer quels navigateurs viennent sur ton site et pour le moment, c'est surtout IE6 et FF, alors, tu es bien obligé d'en tenir compte et de laisser tomber "fixed"?
Aussi, par rapport à ce que tu voulais, "ma" solution n'est qu'un pis aller, et il faut voir à faire le ménage dans mes codes css et html si ça te plaît malgré tout.
Fais-moi signe.
Pour insister, oui, il y a bien autre chose que la position "float left" pour régler ton problème, et c'est l'ordre d'apparition des lignes de code qui concernent le div class "menu_lateral" dans la page de code html.
Au fait, qu'est-ce que "! important" après "text-align : left"? Ton doigt aurait-il glissé?
J'oubliais, chez moi, ton tableau principal est "width:75%", tu as mis "width:615px", je crois que les % sont plus souples, mais ça ne jouait pas sur ton problème.
1. La place verticale de mon div menu-lateral.
Tu as raison, mais il y a là un problème de philosophie et de pratique: Nvu est WYSIWYG et fabrique le code à partir de ce qu'on entre au clavier et à la souris. Le div est peut-être à la fin parce que je l'ai saisi à la fin ? Et comment changer ? Je lis souvent que Nvu ne permet pas de modifier le code de façon sûre et qu'il faut utiliser un éditeur. Comment on fait ?
Dans ma toute dernière version j'avais fixé au div une marge haute de 100 px, mais je ne crois pas que c'aie marché. Ce serait le plus logique, non ?
2. Position latérale du menu. Différence dans les css.
Si j'exclus le remplacement des px par des %, ce qui n'a rien à voir, la seule différence est la position fixe ou relative. En ajoutant float: left, et en gardant la position fixe, je n'ai pas résolu mon pb de position latérale du menu. Est-ce qu'en mettant position: relative, ça suffira à coller mon menu à gauche (ce qui est mon pb majeur) ?
Est-ce à dire que je dois priver les presque 20 % de navigateurs non-IE6 du petit plus de la position fixe ?
3. Divers
Le "important" est venu de je ne sais plus où. Je pourrai le supprimer.
Pour les unités, je verrai plus tard cette question. Il me semblait que les pixels permettaient d'assurer au texte la place de s'imprimer dans la boite, alors que si l'écran est petit le % peut donner un trop petit espace. Je me trompe ?
Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr) AppleWebKit/418 (KHTML, like Gecko) Safari/417.9.3
