Обработка id по class
 

Добрый день!
Есть такая верстка, https://jsfiddle.net/vjowwL2r/2/
Мне нужно оставить пропорции всех элементов при изменении ширины браузера, но проблема в том, что я не знаю Id, а знаю только class, при этом свойства объекта привязаны через ID.

Подскажите, Как можно решить эту задачу?

mitrich38,
не особо понятно какие вам нужны пропорции и может попробовать решить это на css?

Есть точноый размер элементов
unkown100 - 300px
unkown101 - 400px
unkown102 - 500 px
По отношению к размеру экрана каждый элемент можно представить в процентном отношении, предположим что у меня размер стр 900 px
соответсвенно элементы
unkown100 - 33% от размера стр и тд;

Мне нужно при изменении размера стр оставить пропорциональное соотношение элемента к странице

При помощи CSS как я вижу это решить не получиться так как мне не известен id, он присваивается автоматически но при этом по id указываются параметры объекта.

mitrich38,
:-?

function calc_size() {
  var percent = $(this).width() / $(document).width() * 100;
  return percent + '%';
}

$(document).ready(function() {
 $('.MyClass').width(calc_size)
});

спасибо!

А так нельзя штоле:

.MyClass {width:33%}

?

нельзя
id имеет приоритет в css, во вторых соотношения индивидуальные для каждого элемента

Вот это

$('.MyClass').width(calc_size)

идентично

.MyClass(width:calc(/* тут чего-нить */););

Где тут про айди сказано?

напишите что тут добавить, пожалуйста!

Подскажите пожалуйста, как при изменение размера экрана увеличить пропорционально отступ между элементами по левому краю, что бы элементы не слипались?
https://jsfiddle.net/vjowwL2r/21/