search

mgsisk / webcomic

Comic publishing power for the web. Turn your WordPress-powered site into a comic publishing platform with Webcomic.
http://wordpress.org/plugins/webcomic
GNU General Public License v2.0
110 stars 29 forks source link

Adding a margin to main forces sidebar1 to move all the way to the bottom of the page and dump its content. =( #141

Closed bklick closed 10 years ago

bklick commented 11 years ago

Hi,

I'm trying to spiff up this site: http://ramen-empire.com/ - using InkBlot with Webcomic. Love both. =)

When I do this:

main, #sidebar1, #sidebar2 { border:1px solid; border-radius:15px; margin-right:2px; margin-left:2px; margin-top: 0; margin-bottom: 0; }

Then sidebar1 vanishes. (Sidebar2 is empty right now, so maybe it does, too.

What I want is a border around main and both sidebars that neither hugs the text or the wall of the page. I can't quite put my finger on why it's behaving this way.

Thanks for any help you might offer!

Bart

mgsisk commented 11 years ago

It looks like you may have figured this out, @bklick; is that the case? I just took a look at the site and it's showing Sidebar 1 and the main content where they should be with some snazzy borders.

bklick commented 11 years ago

Hi!

It's mostly the case. I'm having a lot of trouble with sidebar two, and have just turned it off as a temporary fix. :) I can't prove it, but I think the options accessible under theme=>customize=>layout that allow me to change percent sizes of the sidebars are interfering with my own settings. I could also just be vastly incompetent. Hehe.

In any case, when I change the WIDTH of main (which isn't #main or .main, and that confuses me a bit), it knocks both sidebars out of place. Lowering width of main fixed my problem, but raising it is always hugely problematic. It's hard to get all three sidebars to displace without having a weirdly huge space between them that isn't controllable by margins.

I think CSS is just new to me.