Hello,

 

I'm doing a small linkblog for myself and i'm encountering a weird behavior.

 

I based the blog on Tumblr. It will mainly be used to bookmark links and annotate them. There are two stylesheets and a small JS to switch between the two. By default, notes are hidden, clicking on "Expanded" will reveal them.

 

> See it in action here

 

Now it works as it should on webkit-based browser (ie Chrome, Safari, PlayBook). Yet in Firefox and Opera, switching the CSS to reveal the notes create a small hiccup to the left and I don't know why.

 

I checked the code, the div width and all but I can't seem to find where this comes from.

 

Do you have any ideas ?

 

Thank you

Edited October 21, 201213 yr by Renaissance-Design
Typoed link removed

Link redirects to a spammy affiliate site.

 

Assume you meant it to be this?

 

Edit: if you mean the small jog to the left, it's caused by the extra width of the scrollbar. You can force a scrollbar to appear even when the page is shorter than the window using:

 

html {
min-height: 100%;
padding-bottom: 1px;
}

Edited October 21, 201213 yr by Renaissance-Design

Thanks for you reply.

 

I added that line but it does not seem to be working

Edited October 21, 201213 yr by guillaumeb

Ah, that's entirely my fault, I've corrected my code above.

OK thinks it does the trick