Bonjour/bonsoir à tous,

Mon petit soucis ce trouve ici ( http://www.commandofireskull.fr/v4 ).

Je voudrais savoir comment je peux faire pour que la barre latérale soit a la meme hauteur que le block de contenu à sa gauche.

Voila un shéma ( http://www.casimages.com/img.php?i=100802031929692186.jpg ) de ce à quoi ca doit ressembler au final.

Merci pour le coup de pouce :)

5 réponses


arnak34
Auteur
Réponse acceptée

Pour être sincère j'en était presque arrivé là :p

Mais j'ai fini par résoudre mon problème, en mettant le background que je voulais en arrière plan sur une div qui englobe toute la page, ca "nique" un peu mes effets de transparence mais bon^^.

Merki pour les conseils en tout cas ;) ++

Je ne vais pas répondre à ta question mais plutôt te donner des conseils pour t'aider à mettre en place le design de tes sites. Pour bien démarrer un projet, je te conseil de choisir des gabarits de mise en page, tu pourras ainsi construire plus facilement un design à partir de cette base.

Tu peux aussi utiliser la technique du reset CSS pour réinitialiser la valeur de certains éléments HTML afin d'éviter quelques bugs par la suite.

@+

Edit : Pour quand même répondre à ta question, utilises la technique des colonnes factices pour afficher une colonne de même hauteur quelle que soit la hauteur du contenu. Prends l'image de fond de ton menu (85-blanc.png) et répète-là en hauteur :

#barre {
    background: url("img/85-blanc.png") repeat-y;
}
arnak34
Auteur

On m'a déjà conseillé cela, mais je ne comprend vraiment RIEN a la technique des colonnes factices (j'ai regardé ce tuto)sans réussir à avancer.

Pourtant en relisant mon code je capte pas pourquoi ca ne marche pas -_-'

Y'aurait il pas moyen en utilisant un

display: table-cell;

Ou c'est peut etre pas propre?

si c'est bon alors valide