Bonjour,
 
J'essai de faire un site avec à gauche des menus positionnés les uns sous les autres et à droite le contenu.
En gros j'essai d'appliquer ca :
http://openweb.eu.org/articles/initiation_float/

 
Quand il n'y a que un seul menu ca marche bien mais quand on essai d'en mettre plusieurs les uns en dessous des autres toujours le long du contenu ca ne marche plus : les menus s'aligne horizontalement et depasse sur le contenu...
J'ai essayé d'utiliser la propriété clear: left; et clear: both; cela place effectivement les menus comme il faut mais les div du contenu sont completement chamboulés.
 
Merci de m'aider  

<table><tr><td>
<div>Texte</div>
</td><td>
<div>Menu</div>
</td></tr></table>

Arf je veux dire en respectant les normes w3c..
Donc pas de tableau à part pour présenter des données tabulaires.
 
Je suis sur qu'il est possible de s'en tirer autrement.....

pour les menus à droite c'est simple
tu fais un block en float:right
et tu fous tous les menus dedans

Si tu as besoin de deux colonnes... c'est que ce sont des données tabulaires.

 
Putain pour la mise en page NON bordel de merde
 
Ce n'est pas parce que ce sont deux colonnes que ce sont données tabulaires

En gros ce que tu veux dire Gatsu35, c'est au lieu d'essayé de faire ca :

 
Faire plutot ca :

 
?  

 
 
mais le contredit pas nargy c ets un VRAI webdeveloper

 
Ba ceci dit, je fais comme gatsu, à savoir du css pour le mise en page. En plus la c'est quand même relativement simple (quand on voit ce qu'on arrive à faire avec les css   )

SVP vous lancer pas dans un débat anciennes conception web et nouvelle avec css xml etc..    
 
Sinon pour mes schema que je me suis fait chier à faire, vous pensez que c'est la bonne solution ??

ba je partirais pour le premier de tes deux schémas.
 
si tu as suivis l'exemple, tes menus ne sont pas positionnés. Tu peux les contraindre en relatif. (et pis si ça passe pas en relatif test l'absolu)

Tu veux dire mettre position: relative; pour pouvoir le deplacer avec des bottom: Xpx; etc ?
Parce que la, en gros ce que j'ai testé c'est :
-Mettre des clear: left; ou clear: both;
Résultat: les menus sont bien placés, le cadre du contenu reste comme il faut mais les div du texte et des images du contenu partent n'importe comment (je ne sais pas d'où vient l'interaction entre ces div et les clear de mes blocs menus).
 
- placer les menus seulement avec des float: left; ce qui les alignent horizontalement puis de les replacer comme il faut avec des position: relative.
Résultat: les menus sont bien placés, le cadre du contenu reste comme il faut mais les div du contenu qui se trouvent à l'endroit où devraient etre les menus sans le dellage avec position: relative; sont décallés comme si les "fantômes" des menus restaient à l'endroit où ils étaient sans les position: relative; et top: Xpx et right: Xpx;....

ba comme je t'ais dis, je commencerais par tester en mettant en postion relative.
 
Le premier menu right : 1em;
Le deuxième menu top : 1em; (mais ej t'avoue que je "travail" par tatonnement successif donc comme ça sans tester je vais avoir du mal).
 
Sinon si ça ne marche pas tu les place en absolu, et la tu es sur de ton placement.
 
EDIt : par contre le site est moins souple dans sa mise en page.

ok ca y est c'est bon j'ai trouver une solution en simplifiant un peu mon code etc et au final ca marche. Merci pour toutes vos idées