CSS Container Height

Question

I'm struggling with a sidebar height.

My container is now showing the correct height (that of the content inside), but my sidebar that should be using 100% of that height is still not appearing.

I've implemented float clearing (http://www.quirksmode.org/css/clearing.html) but the sidebar's still not appearing.

I'm sure this is a simple one for you pros, any tips appreciated!

Thanks,

Tom

Here's my code: http://jsfiddle.net/tomperkins/wy52B/

dupicate from same person ... http://stackoverflow.com/questions/4563946/css-container-height/4564061#4564061 — jondavidjohn, Dec 30 '10 at 18:43

score 2 · Accepted Answer · answered Dec 30 '10 at 18:40

2

Change the sidebar to

position: absolute;
right: 0;

You'll also need to change the container to position: relative.

answered Dec 30 '10 at 18:40

SLaks

837,282
173
1,862
1,933

@Tom: You're welcome. You should accept this answer by clicking the hollow check. – SLaks Dec 30 '10 at 20:22

score 0 · Answer 2 · answered Dec 30 '10 at 18:45

0

Or you can use jQuery:

var h = $(".sidebar").parent().height();
$(".sidebar").height(h);

answered Dec 30 '10 at 18:45

RAMe0

1,311
2
16
28

CSS Container Height

2 Answers2