Forum Programmation.web Problème de CSS....

Posté par  .
Étiquettes : aucune
0
18
juin
2004
Voilà, j'ai une page dans laquelle j'ai deux div pour l'instant. Elles sont cote à cote.
Grosso modo, ça ressemble à ça :

+-------+ +------------------------------+
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
+-------+ +------------------------------+

Les marges sont fixées à 10 pixels (dans tous les sens) ; par conséquence, les deux cadres sont séparés par 10 points.
Je voudrais que le cadre de droite occupe la totalité de l'espace disponnible tant en largeur qu'en hauteur pour la partie qui lui est réservée, c'est à dire :
pour la largeur
- largeur totale de la fenêtre - (10 + largeur du cadre de gauche + 10 + 10)
Et en hauteur :
- hauteur totale -( 10 - 10).
Comment procéder ? J'ai essayé un peu tout ce que j'ai pu trouver dans les docs en jouant avec les %, les margins, tout le bouzin sans succès.

D'avance merci pour vos conseils/votre aide.

P.S. : Les deux divs sont placés comme suit :

position: relative;
float: left;
width:auto;
margin: 10px;

  • # On demande un boss en CSS

    Posté par  . Évalué à 1.

    Je suis dans le même cas que toi, j'ai cherché sans succès.

    Donc intéressé je suis par la réponse ...

    • [^] # Re: On demande un boss en CSS

      Posté par  . Évalué à 1.

      Après quelques investigations, j'ai compris la chose suivante :
      pour que ça fonctionne, il ne faut pas que le cadre de droite et le cadre de gauche soient en position:relative; float: left; .
      J'ai partiellement résolu le problème en forçant la largeur du cadre de gauche à une certaine valeur, et en plaçant le cadre situé à sa droite manuellement en fixant la marge de gauche. Je n'ai pas les sources sous la main, mais je pourrais retrouver ça mardi, pas avant.

      Y'a quand même deux ou trois choses qui me chiffonnent : si on met width:auto; pour le cadre de gauche, celui-ci prend toute la largeur de la page au lieu de se fixer à la taille de ce qu'il contient. Résultat, le cadre de droite se retrouve en dessous, super le placement.....
      Et puis, je ne peux pas croire que mon brouteur ne soit pas capable de faire des calculs aussi simple. J'ai aussi relevé quelques incongruités dont je ferais part mardi également, mais celles-ci relèvent de la différence de rendu entre deux navigateurs (moz et ..... konqueror, on parle de navigateurs, alors ie on s'en fout, hein !).
      A mardi donc pour un discours un peu plus étayé !

  • # alsacreations

    Posté par  (site web personnel) . Évalué à 2.

    Regardes sur alsacreations, t'y trouveras sans doute ton bonheur :
    http://www.alsacreations.com/articles/modeles/(...)

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.