ответно плавучие несколько изображений

Question

Я искал высоким и низким, прочитать учебники и до сих пор нет ответа на это: - \

Что лучше-практика для получения 3 изображения равномерно расположенных внутри DIV (один слева, один средний , и один правый), и сохранение расстояния между изображениями, появляющимися даже по мере уменьшения размера браузера? Я пробовал использовать ширину и маржу -% s без везения. Уместнее ли использовать встроенное блочное решение, и если да, то каким образом?

Страница в вопросе: http://www.1000hours.co.nz/mtc/

HTML: я не смог опубликовать HTML здесь, несмотря на чтение руководства, я не знаю, почему? Это в пересмотренном JSfiddle разметке: http://jsfiddle.net/87pgzLf1/

CSS:

#divcontainer { 
    float:left; 
    width:100%; 
    height:auto; 
    padding:25px; 
    margin: 5px; 

#iconcontainer { 
    float:left; 
    width: 100%; 
    height: auto; 
    padding: 5px; 
    margin: 5px; 
} 

#buttoncontainer { 
    float:left; 
    width: 100%; 
    height: auto; 
    padding: 5px; 
    margin: 1px; 
} 

#icon1 { 
    float:left; 
    margin-left:20%; 
} 

#icon2 { 
    float:left; 
} 

#icon3 { 
    margin-right:60px; 
    float:right; 
    padding-left:20%; 
} 

ты правило стека обменники, спасибо кучки заранее. Не стесняйтесь захватывать фоновые изображения на странице, если вам нравится как вклад < 3 [отказ от ответственности: это не афера, но это зависит от вас, чтобы решить. Редакторы не ненавидеть людей, которые дают пожалуйста, только потому, что другие в мире не всегда заслуживают доверия - я]

Answer 1

Вот обновление к вашему jsfiddle:

JSFIddle

.