Flexible Squares; Sidebar

[binni]

Journal Preview: leavesofyanara here
Style: Flexible Squares
Account Type: Paid

My issue is with the sidebar. I've followed all of the instructions, but the sidebar, which should be going straight across, insists on listing down. I'm no CSS master, but if someone could help me find the error so I might fix it, I would be forever grateful...!

Comments

[apologize]

There are 2 things you need to do:
1. Replace the .sbarbody & .sbarbody2 with the codes I pasted below:

.sbarbody { padding: 0px 5px 0px 5px; float:left; }

.sbarbody2 { width:670px;padding: 10px 15px 10px 15px;line-height:1.5;margin-left:200px;position:absolute; letter-spacing: -1px; float:right; }

2. The second thing you need to do is find the .subcontent, and change 40px, to a number over 160px. You can mess around with numbers higher than that to see which you like best, but I found that 160px at least gets the entries out of the way of the topbar.

Now, to explain what I did. Typically when you have a "topbar" everything has to be "told" to align in left to right order, otherwise it will by default, align up and down. That's why I added, the float:left, and float:right, codes to the .sbarbody and .sbarbody2. Then of course, once you do that, the .subcontent position changes, and it overlaps, so changing the value in the margin-top simply pushes the entries down so they don't overlap. Hope that works!

[binni]

It does work! Ahh, thank you so so much! And for explaining it, too! You really went out of your way for me--I can't thank you enough!