Static or relatively positioned element that respects height of position:fixed element?

Question

I have a position:fixed element, with a height that differs from page to page. Below this element, I have a position:static or position:relative element. Is there a way to have the static/relative element respect the height of the position:fixed element?

I have a fiddle below demonstrating my conundrum:

http://jsfiddle.net/rZ7hc/2/

Answer 1

Just to put the answer as an actual answer:

No, there is no way to have a static/relative element respect the height of the position:fixed element without using JavaScript .

You can do this pretty easily with something like the following jsfiddle:

$('#not-fixed').css('padding-top', $('#fixed').outerHeight() + 10);

http://jsfiddle.net/VYrsU/1/