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

[mitrich38]

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

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

[рони]

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

[mitrich38]

Есть точноый размер элементов
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)
});

[mitrich38]

спасибо!

[warren buffet]

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

.MyClass {width:33%}

?

[рони]

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

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

[warren buffet]

Вот это

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

идентично

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

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

[рони]

тут чего-нить

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

[mitrich38]

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