Aide à la disposition de deux colonnes Wordpress. La barre latérale et le corps ne seront pas les mêmes hauteurs!

Question

Tout d'abord, cliquez ici pour accéder au site Web work in progress http://jacobnlsn.com/wordpress/. Je veux que les barres aient la même hauteur. Voici ce que j'ai en CSS pour les deux:

#bodybinblog { 
width:546px; 
float:left; 
background:#400000; 
border-left:solid 9px #cdba70; 
border-right:solid 9px #cdba70; 
margin:0 15px 0 30px; 
padding:0; 
} 

#sidebarbinblog { 
width:229px; 
height:inherit; 
float:left; 
background:#400000; 
border-left:solid 10px #cdba70; 
border-right:solid 10px #cdba70; 
margin:0 0 0 11px; 
padding:0; 
} 

Une idée pour résoudre ce problème?

Answer 1

Je pense que l'un des concepteurs d'astuces utilise dans les webdesigns est la pose d'images de fond. Dans ce cas, vous voulez que le sidebarbinblog prenne la même hauteur que le bodybinblog car vous voulez que l'arrière-plan corresponde bien. Si la hauteur de la barre latérale est supérieure à celle du corps, le même problème se produira mais cette fois-ci du côté du corps.

La solution consiste à créer une image d'arrière-plan de peut-être 1px capturant horizontalement à la fois pour le corps et la barre latérale. Appliquez ce fond sur le div du conteneur à la fois du corps et de la barre latérale. Répétez-le pour qu'il couvre toute la hauteur.

Answer 2

Vous souhaitez utiliser des "fausses colonnes". Voici un lien utile - http://dustinbrewer.com/tutorials/fauxcolumns/

Cela devrait fonctionner comme par magie.