[résolu... merci !]1 colonne taille fixe + 1 colonne taille variable ?

Bonsoir à tous,

j'ai un petit problème en CSS/XHTML:

Je voudrais arriver à la configuration suivante :

+----------------------------------------------------+
|                                                    |
|                     BANNIERE                       |
|                                                    |
+-----------------+----------------------------------+
|                 |                                  |
|<--Taille fixe-->|<---------Taille variable-------->|
|  (p.ex 150px)   |          (100% - 150px)          |
|                 |                                  |
|                 |                                  |
|    MENU         |             CONTENU              |
|                 |                                  |
|                 |                                  |
|                 |                                  |
+-----------------+----------------------------------+

La partie 'bannière' ne me pose pas de problème. Le 'menu' non plus. Ce que je ne sais pas faire, c'est spécifer pour la partie 'contenu' que je veux qu'elle se place à droite du 'menu' et qu'elle prenne tout l'espace restant...

Comment fait-on cela ?

Merci d'avance !
Modifié le 18 Jan 2005 - 17:10

Je te conseil de suivre le lien tutoriels CSS en haut de la page. Tu as tout ce qu'il faut dans les modèles de page d'alsacréations.

merci pour l'info, mais j'ai déjà écumé à peu près tous les liens du site, et ça fait une semaine que je planche sur le problème, je crois que je vais devenir fou avant une semaine de plus......

Si une âme charitable voulair bien me filer un coup de pouce et juste me dire l'astuce pour donner une largeur fixe pour la colonne de gauche et une qui prendrait ce qui reste pour la droite, je lui en serait eternellement reconnaissant

Croyez-moi si vous le voulez, mais je ne viens pas ici comme un touriste qui n'aurait pas essayé de se débrouiller par lui-même avant de vous appeler à l'aide... mais là je suis au bord de la crise de nerf !

Le développement web ça doit pas être fait pour moi, je suis plus doué avec du java lol...

ou alors, une chose qui pourrait remplacer serait de trouver le moyen pour que l'image de fond que je placerais dans une div soit complètement redimensionnée afin de remplir toute la largeur de la div....

par exemple, dans le css je ferais ça

#menu {
  background-image: url(toto.jpg);
  width: 100%;
  background-repeat: repeat-y;
  ...
}

mais ça ne marche pas.... alors qu'en xhtml, on peut spécifier sur la balise img une largeur de 100%...

<img src="toto.jpg" width="100%" height="10" alt="" />

:arf:...
Modifié le 17 Jan 2005 - 20:56

TIP: cherche !!! ça existe tout fait !

Donc: menu en block, largeur 150px. float right. Et c'est bon. Ou alors, en position absolue, largeur 150px et le contenu en marge gauche 150px. Mais cherche ! ça existe tout fait !

@+, HoPHP

Mouais... j'aime pas trop piquer le boulot des autres et me l'approprier... même s'ils me le donnent !

bon pour l'instant j'ai résolu mon problème, je suis passé en valeurs absolues: j'utilise une largeur de 780px pour le container princpal, 170px pour le menu, et 600px pour le contenu de la page.

C'est pas le top car pour des config supérieurs à 1024*768 les pages deviennent vite minuscules... mais au moins ça à l'avantages de ne pas buggé sous aucun de mes 3 navigateurs de test (ce qui n'était pas le cas lors du mélange positions absolue et relative)

Je crois que je vais continuer comme ça, et tant pis si certains visiteurs devront sortir la loupe pour y voir quelque chose (ou changer leur résolution)

Merci !

T'as pensé aux "em" ?`(plutôt que les "px") Comme ça, au lieu de la loupe, leur navigateur le ferait...

@+, HoPHP

Bonjour Pill_S,

Tu devrais trouver les réponses à tes questions ici : http://www.alsacreations.com/articles/fluide/

Par contre, une tite chose me gêne, tu dis :

a écrit :

et tant pis si certains visiteurs devront sortir la loupe pour y voir quelque chose

Ben ! Je pense que tu ne dois pas t'en préoccuper plus que ça, si quelqu'un est en 1280x1024, c'est qu'il y voit assez clair et qu'il a l'habitude de naviguer comme ça.

D'autres parts, ce n'est pas parce que ton site s'adaptera à la largeur de l'écran qu'il sera plus gros, ni les textes, d'ailleurs

dominique a écrit :

Ben ! Je pense que tu ne dois pas t'en préoccuper plus que ça, si quelqu'un est en 1280x1024, c'est qu'il y voit assez clair et qu'il a l'habitude de naviguer comme ça.

D'autres parts, ce n'est pas parce que ton site s'adaptera à la largeur de l'écran qu'il sera plus gros, ni les textes, d'ailleurs

euh... oui c'est vrai, je n'avais pas réfléchi comme ça... et puis c'est vrai qu'il y a une part assez importante de sites qui sont construits en largeur fixe (à ce que j'ai vu) donc je crois que je vais le laisser en absolu

Ok, problème résolu 100%

@+

"Absolu" n'est pas forcément égal à "largeur fixe". Si tu mets tes tailles en "em" au lieu d'en "px", l'utilisateur peur redimensionner le texte et les tailles avec ! => pas de loupe, juste un bon navigateur. En augmentant la taille avec des tailles en px, il y aura de moins en moins de caractères par ligne => illisible.

M'enfin bon.

@+, HoPHP

euh oui d'accord....

mais certaines fois, j'utilise des images de fond avec la clause "background-image", et je n'ai pas la possibilité de leur donner une taille à ces images (elles prennent celles qu'elles ont pis c'est tout, si elle sont trop petites pour la zone elles sont répétées et non pas étirées)...

Ce qui pose de toute façon de gros problèmes de mise en page