Сдвиг вправо при изменении окна браузера
 

Здравствуйте!
Такая проблема, на сайте kesenergo.ru при изменении окна браузера левый крайний ромб улетат за пределы окна в левую сторону.
Поразмыслив, я пришел к выводу, что нужно сделать автоматический сдвиг всех ромбов вправо! при изменении окна браузера.
Как это сделать через javascript? Потому что как я понял, он понадобится

Как я также понял это можно сделать при помощи
<script language="JavaScript">
window.onresize = function ()
{
alert('Размер окна был изменен!');
}
</script> где вместо алерт записать искомый сдвиг элементов вправо

MarkovN,
Все правильно, но возможно ещё есть выход с помощью css)
Если хотите решение на js - напишите что у вас не получается.

Пока что я не вижу конкретного вопроса.

Конкретно я не знаю что для JS в поле вместо alert писать)
а что, если не затруднит, можно сделать в CSS?

MarkovN,
Это в обоих случаях зависит от разметки

<div style="position: relative; min-height: 50px; width: 100%">
  <div class="some" style="position: absolute; right: 0; width: 10px; height:10px; background: red">    </div>
</div>

В данном примере див с классом some всегда будет прижат к правому краю, не зависимо от размера окна.

Margin-left обнулил, добавил left:auto, теперь вроде не улетает(тестировал в просмотре коде элемента). Спасибо

А еще такой вопрос, если опять же при изменении окна браузера, нужно чтобы ромбы еще масштабировались (уменьшались), это через css можно сделать?
Я такую проблему решил для верстки для ноутбука (через медиа, залил в фотошопе уменьшенные ромбы и добавил в бэкграунд), но как сделать это масштабирование для монитора 1920*1080, в котором окно браузера если уменьшать, и ромбы уменьшались бы тоже

Так же, через медиа или через js

Если делать через медиа, то там помимо верстки для ноутбука, еще планшет и моб телефон, все в кучу смешается. Js совсем не знаю, может есть какой-то шаблон, по которому можно это сделать? Например, изменить лишь путь бэкграунда и переименовать название картинки в бэкграунде.