Разобрался и истерически посмеялся. Все работало изначально, просто для тех элементов которые добавлял, я не определил CSS. Осложнило ситуацию еще и то, что в ходе отладки, все это время редактировал CSS-файл из совсем другого проекта и очень злился почему же не вижу результатов.
Сейчас выяснил, что когда ajax загружает контент (в моем случае <h1>Hello world!</h1>), стили у H1 не те которые я определял в CSS. Добавляется margin-top и margin-bottom. Почему то при загрузке контента AJAX применяются стили "user agent stylesheet", а не мои.
Здравствуйте, столкнулся с проблемой и не знаю как ее решить. Суть в следующем: есть страница на которой 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 уже после добавления контента?
Здравствуйте, Господа! Прошу помощи в настройке web-storm. Даже не знаю по каким словам можно искать эту вещь. Дело в том, что иногда, при редактировании CSS-кода, переносишь каретку при помощи мыши в другое место, начинаешь набирать текст, а каретка перескакивает в место последнего редактирования. Иногда это место оказывается в другом конце файла и приходиться опять все пролистать. Дико действует на нервы. Может кто сталкивался?