28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous !

Voilà mon probleme, je suis entrain de creer des bordures arrondies pour un encart sur mon site (j'ai dejà regarder les tutoriaux que propose plusieurs sites mais ceux-ci ne me conviennent pas du fait que les images utiliser son trop grandes, je precise egalement que mon site est "elastique" donc largeure des elements variables) je me suis decider à utiliser la technique suivante, et pour plus de clareté je vous met le squellette de mon encart:
http://lavazzo2.free.fr/img/pb_div_hauteur.jpg

cadre rouge: le conteneur général
cadres noirs: bordure du haut et bordure du bas
cadres bleus: bordures gauche et droite (ceux sont eux qui posent probleme)
cadre jaune: contenu de l'encart dont la hauteur est variable selon le contenu.

Le probleme qui se pose à moi est que je n'arrive pas a faire en sorte que les bordures gauche et droite (bleu) soit de la meme hauteur que le contenu (jaune) lorsque celui-ci s'etire en hauteur.
Ce qui donne en gros ce probleme:
http://lavazzo2.free.fr/img/pb_div_hauteur2.jpg

je ne vous donne pas de code CSS et XHTML du fait que je ne sais pas du tout comment m'y prendre (j'ai fait de nombreux essais sans y arriver)

Je precise quand meme que je suis en XHTML strict 1.0

Merci de votre aide Smiley biggrin
Merci de ton aide Penguin mais malheuresement ca ne marche pas, etant donné que les deux "bleus" sont des "floats" (c'est obliger puisque "gauche"(bleu) "contenu"(jaune) et "droite"(bleu) doivent etre cote à cote)

J'ai egalement essayer:

height:100%;
height:auto;

Et ca ne marche pas nomplus... Smiley decu

Si quelqu'un sais comment m'aider sont aide et la bienvenue car là je seche.
Modifié par Lavazzo (04 Sep 2005 - 16:27)
Merci ca m'a donner pleine d'idées Smiley lol
Et je pense qu'avec ca je vais enfin pouvoir resoudre mon probleme Smiley langue

Merci merci !