Идентификатор подразделения и класс ⇐ CSS

[Anonymous]

У меня есть сценарий живого чата. Живой чат на моем сайте-песочнице закреплен в правом нижнем углу сайта и прокручивается вместе с окном, но на моем действующем сайте (тот, с которого взят этот конкретный код) он прикреплен к нижнему колонтитулу.

Единственный код, который я использую в своей песочнице, — это скрипт и идентификатор div (сверху и снизу, а не посередине).

Вот что Я использую на своем действующем сайте:

Код: Выделить всё

(function() {
var c = document.createElement('script');
c.type = 'text/javascript'; c.async = true;
c.src = "http://northamericahvac.smartertrack.com/ChatLink.ashx?config=0&id=stlivechat0";
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(c,s);
})();


div.fixed {
position: fixed;
bottom: 0;
right: 0;
width: 300px;
border: 3px solid #73AD21;
}



​

Остальное я добавил, чтобы попытаться отформатировать кнопку чата. Я хочу, чтобы он был зафиксирован в правом нижнем углу, чтобы он прокручивался и не застревал в правом нижнем углу.

Я читал, что вы можете создать класс div для форматирования вещи, включенные в класс, но, похоже, не распространяются на идентификатор div. Идентификатор div уже имеет форматирование и переопределяет класс div?

Я создал небольшую полоску #73AD21, чтобы посмотреть, останется ли она фиксированной, и даже не это так.

Подробнее здесь: https://stackoverflow.com/questions/496 ... -and-class