Прикрепленный верхний элемент div с абсолютным позиционированием ⇐ CSS

[Anonymous]

Я использую абсолютное позиционирование, чтобы элемент div заполнял все окно браузера. Однако я не хочу совмещать это с прикрепленным элементом div, который иногда есть, а иногда нет.

Чтобы прояснить ситуацию, посмотрите этот jsFiddle: http: //jsfiddle.net/henrikandersson/aDdRS/

Я хочу, чтобы «верхний», «левый» и «подзаголовок» всегда оставались на своих местах.
Я также хочу, чтобы элемент div «content» заполнил то, что осталось от окна.
Однако иногда я хочу отображать элемент div «alert» перед «content».
Пока все хорошо, как вы можете видеть в jsFiddle. Но я хочу, чтобы «предупреждение» придерживалось «подзаголовка» и оставалось там при прокрутке. Как вы можете видеть, если вы измените размер окна, «предупреждение» теперь будет прокручиваться вместе с «содержимым» — я этого не хочу.

У кого-нибудь есть идея, как это решить?

РЕДАКТИРОВАТЬ:
Я внес изменения в свой jsFiddle, разместил «предупреждение» там, где оно должно быть (между подзаголовком и область контента). Как вы можете видеть ( http://jsfiddle.net/henrikandersson/aDdRS/12 ), он не сдвигает «область содержимого» вниз, поскольку область содержимого имеет значение top:20px. И я не могу установить top:40px, например, поскольку «предупреждение» должно иметь возможность варьироваться по высоте, и я хочу, чтобы область содержимого имела один и тот же CSS с указанным выше предупреждением или без него.

РЕДАКТИРОВАТЬ №2:
Этот вопрос касается той же проблемы, но для этого вопроса также нет решения. Кажется, это невозможно без использования JavaScript:
элемент прокрутки переменной высоты, расположенный относительно родственного элемента переменной высоты

Подробнее здесь: https://stackoverflow.com/questions/832 ... ositioning