WordPress.org

1. dominoeffect
   Member
   Posted 3 years ago #

   Hello WordPress community,

   I hope someone better-educated that me can take a look at this and maybe see something obvious. I have 2 sidebars (left & right) and a central column.

   Problem is, when the left sidebar is shorter than the right. Problem is when the RIGHT sidebar is shorter than the left, the left's content gets cut off where the right one ends.

   Thanks in advance for any help you can offer .

   #container {
   	width: 876px;
   	overflow: hidden;
   	margin: 0 auto;
   	position: relative;
   }
   
   .sidebar {
   	width: 135px;
   	float: left;
   	font-size: 1em;
   	line-height: 1.4em;
   	padding: 20px 10px 25px 0;
   	}
   
   #sidebarleft {
       float: left;
   
   }
   
   #sidebarright {
   	position: absolute;
   	top: 0;
   	right: 0;
   	padding: 20px 0 25px 10px;
   }

2. RoseCitySister
   Member
   Posted 3 years ago #

   Try adding this to the left sidebar -

   overflow: visible;

   And see if that works.

3. dominoeffect
   Member
   Posted 3 years ago #

   Hey RoseCitySister,

   It didn't work, but thank you.

   Open to any suggestions ;)

4. dominoeffect
   Member
   Posted 3 years ago #

   I might add my current solution (unless I find a more apt one) it to add a bunch of <p></p>s to the left sidebar until the 2 match roughly length.

   Not very professional :/

Topic Closed

This topic has been closed to new replies.