Heya people! Long time, no see. D:

I have problem with a sidebar/box's background image. It doesn't repeat all the way down. As you can see here:
Link:
http://alolitaslogbook.blogg.se/2011...rufflebut.html
(Please, Ignore random test post and long loading time. And scroll down)

Image:


I think this should be quite easy to fix, but I just can't figure out a solution D: And the CSS & HML can you find by viewing the source code.

Thanks in advanced!

It's only going to be 768px high because that is the min-height you have set. If you did not set that, the sidebar bg would have stopped after the menu.

After the 768px, there is no content. If there is no content there is no reason for the bg image to repeat.

You'd be better of making a slice of the entire bg(paper and sidebar) then having that all repeat. Then they will be even heights without needing "min-height" which really isn't going to solve anything.

Oh I see. So I should put the side and content image in to one. And then have boxes with the content "over"/"on" it. But how should I do that? In which box should I put the image in? And how should I align the boxes then? Gah *confused*.

Thanks in advanced!

My suggestion is based on a concept of faux columns here http://www.alistapart.com/articles/fauxcolumns/.

This is [IMO] the easiest way to achieve what you want. Not the only way though. There are javascript methods, etc.

Oh thanks. But it still doesn't repeat all the way down! D: And when I remove min-height: 770px; the image doesn't show up! Gah! I really thought I had it, but no. The image is in a new box, container.
Please help.
Thanks in advanced.

If you are using ONE image for the content background (both the left and sidebar content) then the main background for both should repeat - as long is there is content in either column. (It would repeat to whichever was tallest)

Try adding #container { overflow:hidden; }

When all the content within a div parent is floated, the parent thinks there is nothing there. (As in: "Div parents, do you know where your children are?" -- hehe.)

The better way to contain floated elements in a parent is mentioned here

Good luck!

Ah! I see! Thanks a lot! It works fine now