Geckozone

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à :

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;
}

J'ai souligné les modifs.
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 :

.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;
}

"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.
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.

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 ?

une marge haute de 100 px, mais je ne crois pas que c'aie marché. Ce serait le plus logique, non ?

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 ?

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 ?

Tutorial Framasoft a écrit :Largeur et Hauteur :
Définissent la taille en hauteur et largeur de vos blocs. Je vous conseille vivement de définir ces tailles en pourcentage (%). Une boîte dont la largeur sera de 80% par rapport à la page du navigateur sera toujours de 80% quelle que soit la résolution de l'écran, tandis que si un bloc de 700 px1 avec une résolution en 1024 x 768 px se positionne relativement bien et laisse de la marge ; avec une résolution de 800 x 600 px, il fera toujours 700 px et laissera beaucoup moins de marge.

J'ai utilisé ta méthode, et ça marche. J'ai donc position "absolute", position fixée dans le code de la page par "top: 220px". Merci Sourire

<div
 style="background-color: rgb(255, 204, 153); width: 120px; top: 220px; left: 5px;"
 class="menu_lateral">
<p><a href="index.html">Accueil</a></p>
<p style="font-weight: bold;">Qui
sommes-nous ?</p>
<p><a href="Que_faisons_nous.html">Que
faisons-nous ?</a></p>
<p><a href="Ou_nous_contacter.html">O&ugrave;

nous contacter</a></p>
<p><a href="Nos_publications.html">Nos publications</a></p>
<p><a href="Nos_moyens_d_actions.html">Nos actions</a></p>
<p><a href="UFC-Que_Choisir.html">UFC-Que choisir</a></p>
<p><a href="Pesticides_assiettes.html">Pesticides</a></p>
</div>

Le code que tu as collé dans ton message est le mien, pas le tien. Si tu pouvais recommencer...

Handcoder marche sur Mac,

Il me semble plus logique de fixer la position de mon menu latéral par des px ou % car ça marche dans les 2 dimensions alors que ce que tu proposes assure seulement un positionnement en haut mais pas en largeur

Tutorial Framasoft a écrit:
Largeur et Hauteur :
Définissent la taille en hauteur et largeur de vos blocs. Je vous conseille vivement de définir ces tailles en pourcentage (%). Une boîte dont la largeur sera de 80% par rapport à la page du navigateur sera toujours de 80% quelle que soit la résolution de l'écran, tandis que si un bloc de 700 px1 avec une résolution en 1024 x 768 px se positionne relativement bien et laisse de la marge ; avec une résolution de 800 x 600 px, il fera toujours 700 px et laissera beaucoup moins de marge.

ce que tu proposes assure seulement un positionnement en haut mais pas en largeur

Mongo Bob a écrit :Rien à dire, impeccable, félicitations, ton site est "liquide", il se moule en 800x600 et même plus d'affreux ascenseur horizontal.
Je sais pas si c'est en suivant beaucoup mes conseils, mais c'est le résultat qui compte!