Прижатый footer и ajax

[jankovsky]

Здравствуйте, столкнулся с проблемой и не знаю как ее решить. Суть в следующем: есть страница на которой footer прижимается снизу следующим методом:

<div class="l-wrap">

<header>Header</header>

<div class="l-empty"></div>
</div>
<footer>Footer</footer>
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
}
.l-wrap {
position:relative;
min-height:100%;
height:auto !important;
height:100%;
}
.l-empty {
height:100px;
}
footer {
    margin-top:-100px;
    height:100px;
}

Footer прижимается и это хорошо. Но когда мы подгружаем контент через AJAX, происходит следующее:

1. Javascript удаляет содержимое в .l-wrap.

2. Прижимает footer средствами css.

3. Добавляет контент в .l-wrap.

4. Опускает footer ниже на ширину контента.

Как избежать опускания footer-а? Может каким-то образом обновлять DOM? Или прижимать footer средствами javascript уже после добавления контента?

[klierik]

перед запросом аякса спросить у контента какой он высоты, и установить её же.

косле того как получили аякс, контенту поставить высоту: авто

[jankovsky]

о... спасибо! сейчас попробую!

[jankovsky]

не получается что то... скорее всего потому что саму логику действий не понял..

[jankovsky]

Сейчас выяснил, что когда ajax загружает контент (в моем случае <h1>Hello world!</h1>), стили у H1 не те которые я определял в CSS. Добавляется margin-top и margin-bottom. Почему то при загрузке контента AJAX применяются стили "user agent stylesheet", а не мои.

[jankovsky]

Разобрался и истерически посмеялся. Все работало изначально, просто для тех элементов которые добавлял, я не определил CSS. Осложнило ситуацию еще и то, что в ходе отладки, все это время редактировал CSS-файл из совсем другого проекта и очень злился почему же не вижу результатов.