Как расположить три элемента div рядом на веб-странице

Привет всем, я пытаюсь создать сайт, который имеет «контейнер div» и внутри этого div три основных столбца: «div left», «div middle» и «div right».

Я попытался установить ширину для каждого столбца, равную 25%, 50% и 25% соответственно - также плавал все оставшиеся деления - с двумя изображениями по обе стороны от таблицы (середина деления). К сожалению, три деления находятся на отдельных строках, а не рядом. Кто-нибудь получил какие-либо советы или рекомендации для этого? Любая помощь будет оценена.

Примечание: средний div (содержащий таблицу) заполняется по мере добавления событий.

<div id = "container" style = "width:100%">

<div id ="left" style = "float: left; width: 25%;">
    <?php echo $this->Html->image('/img/sideart.jpg'); ?>
</div>

    <div id = "middle" style = "float: center; width: 50%; height: 100%;">
    <table cellpadding="0" cellspacing="0">
    <tr>

    </tr>

    <?php
    foreach ($events as $event): ?>

    <tr>
        <td class="actions">

        </td>
    </tr>
<?php endforeach; ?>
    </table>
    </div>

    <div id = "right" style = "float:right; width: 25%;">
        <?php echo $this->Html->image('/img/sideart2.jpg'); ?>
    </div>
</div>