[RESOLU] Bloc de couleur qui ne s'allonge pas

Bonjour,

J'ai un souci avec un bloc de couleur (ligne de séparation) qui ne s'aligne pas et qui ne s'allonge pas comme il faut.

Je cherche en vain comment faire pour :

1) que la ligne grise de 10px soit alignée en haut avec le bouton "année 2010"
2) que la ligne soit à 100% en hauteur en fonction de la longueur du texte. La longueur du texte n'étant pas fixe, car cette page deviendra une page dynamique afin de pouvoir ajouter des paragraphes. Il faudrait donc que cette ligne s'allonge verticalement en fonction de la longueur du texte.

Voici le layout avec la ligne grise pour montrer comment cela devrait être :
http://www.pointdot.be/projets/amade/site/antwerpen.html

Et voici mon fichier, comment ca se présente actuellement :
http://www.pointdot.be/projets/siteamade/FR/objectifs/antwerpen.html

Quelqu'un aurait-il une solution à me proposer? Merci d'avance pour vos réponses.
Modifié par paskwalina (14 Oct 2010 - 22:16)

Sur ton #txt_article tu ne rajouterais pas simplement border-right:5px solid #808080; ?

Mais oui, évidemment! Merci Kenor!! J'avoue que j'ai cherché la complication.
Par contre, ce système ne fonctionne pas pour le petit bout au dessus pour être alligné au bouton "année 2010".

Vois-tu une solution?

A priori #colonne_article englobe les 2, donc au lieu de le mettre sur #txt_article, tu mets ta bordure sur colonne_article.

Attention tout de même, tu sembles utiliser plusieurs fois un bloc id, hors c'est sensé être unique. Il serait préférable que tu utilises une class à la place.

Mille mercis pour tes conseils, Kenor.

Cela fonctionne sur #txt_article et j'ai modifié comme conseillé les id par class. Merci.