How to add a sidebar image to Wide Lines

[cmshaw]

1. Log in and go to your customize journal page2. Click "Add customizations" or "Edit customizations

Comments

[livredor]

There's something weird going on with the height when you add a sidebar image. I thought it was just me, but the tigertest journal has the same issue. In Mozilla, if you don't set the height in the customization options, and you use a background image, the whole journal gets squashed up very small. See my journal in your style for another example. I think what's going on is that if you don't set a height, height is defined as 100%, which Mozilla interprets strangely (it's fine in IE). Maybe height should default to auto rather than 100%? If that's not the issue I'm not sure what's causing it.

[cmshaw]

That's definitely weird!

I actually pulled out the height: 100% in this version -- it caused a double scrollbar in IE. There's no height attribute set at all, which appears to be Mozilla's problem. Hmm. Setting the height to auto doesn't help Mozilla at all.

It looks like if I comment out the overflow: auto, Mozilla displays correctly. Raises the question of why Mozilla thinks that that container is so small....

[cmshaw]

It might depend on the browser you're using, as the Mozilla problem above that livredor found does -- you're on a Mac, right?

Or it's possible that there's a bug in my style! Which settings were you using, and what was the result?

No rush, of course. Whenever you want to tackle it. :)

[cmshaw]

I see it -- it looks like the order in which the CSS is listed in the stylesheet is causing problems (at least in Windows IE). If the background image CSS is listed first, no problem. If the link color CSS is listed first, the background image doesn't fix correctly. Wacky!

I'm going to release a fix for this and the Mozilla bug this afternoon, then. Thanks for letting me know!