Bonsoir,

j'essaie de me mettre petit à petit en conformité avec les règles xHTML :p je m'entraine donc à créer une structure HTML en utilisant du css.

Et j'ai un problème que je n'arrive pas à résoudre pour le moment. Voici le lien qui montre mon problème

http://www.miniBob.fr/

en faites je voudrais que la colonne du milieu touche toujours au footer quelque soit la longueur de la colonne de droite et vice-versa faudrait que la colonne de droite touche aussi le footer quelque soit la longueur de la colonne du milieu ^^

De plus je voudrais retirer le morceau de border-top qui touche à la colonne de droite si possible pour que ça fasse une unique et seule partie. Enfin voilà j'espère m'être pas trop mal expliqué.

Merci pour votre aide!

Tu ne peux pas avec simplement du css (pour que ça fonctionne partout), si tu veux modifier la hauteur. Tu peux cependant avoir une image de fondqui ferai à la fois le gros de la colonne de droite et le marron de la colonne du mileu, placé en fond de page. Visuellement, ça serait ce que tu veux.

Tu peux penser à une solution javascript. L'idée est de récupérer la valeur de la hauteur etre la bannière et le footer (a), la hauteur de la colonne du mileu (b) et celle de droite (c) et faire qq'chose de semblage à ça :

Si (a > b && a > c) Alors
| milieu.hauteur = a;
| droite.hauteur = a;
Sinon Si (b > a && c < b) Alors
| droite.hauteur = b;
Sinon
| milieu.hauteur = c;
FinSi;

ok merci, je crois que je vais partir sur la première solution je vais mettre un background sur le div qui contient les colonnes.

C'est ce que j'ai essayé de faire mais je ne comprend pas pourquoi ça ne fonctionne pas.

1. content {

margin: 0 auto 0 auto;
width: 1000px;
position: relative;
background-repeat:repeat-y;
background-image:url(images/bg-content.png);
}

c'est bien comme ça que je dois définir la chose non ?

"placé en fond de page", soit body. Je vois que tu as déjà une image en fond, tu devras la mettre dans un div.

et il ne m'ait pas possible de le mettre en fond de la div qui contient les trois colonnes ?

Tu auras ton soucis de hauteur...

• 10 secondes plus tard* mais euh, ton footer reste collé en bas ou pas ? Si ce n'est pas le cas, ça peut en effet fonctionner. Par besoin de position relative, tu as juste à poster ton fond sur la droite (background-position).

oui oui mon footer doit rester coller en bas, ok je teste ton truc ;)

ah merde j'ai mal lu ta réponse ^^

bon je suis arrivé à faire ce que je voulais malgré que ça soit assez moche si y'a pas assez de contenu au niveau de la page..

met un position:fixed; bottom:0; à too footer

merci ça marche manquait un petit right: 0px aussi ;)