Получение двух таблиц Slickgrid бок о бок

Question

Как бы я мог поместить два скрипичных стола рядом? Прямо сейчас, я просто создание двух сеток с использованием сетки = новый Slick.Grid ..., но я должен использовать жёстко прописанные размеры в CSS, как:

#dynamic1 { /*this is grid one*/ 
    position: absolute; 
    top: 120px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    height:500px; 
} 

#dynamic2 { /*grid two*/ 
    position: absolute; 
    top: 120px; 
    left: 750px; 
    right: 0px; 
    bottom: 0px; 
    height:500px; 
} 

, который не весело. И это не динамично. Если возможно, было бы неплохо, если бы я мог получить их бок о бок, с объединенной шириной, которая расширяется, чтобы заполнить окно ENTIRE browser.

Редактировать: исправлено! Вот новый код:

#dynamic1 { 
float: left; 
width: 49%; 
position: absolute; 
    top: 120px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    height:500px; 
} 

#dynamic2 { /*grid two*/ 
    float: right; 
    width: 50%; 
    position: absolute; 

    top: 120px; 

    right: 0px; 
    bottom: 0px; 
    height:500px; 
} 

Answer 1

position: absolute; 
    **float: left;** 
    top: 120px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    height:500px; 
} 

#dynamic2 { /*grid two*/ 
    **float: right;** 
    position: absolute; 
    top: 120px; 
    left: 750px; 
    right: 0px; 
    bottom: 0px; 
    height:500px; 
} 

Вам просто нужно добавить поплавок влево и вправо плывут. Вы можете назначить им любую комбинацию ширины, равную 100%. Пример:

position: absolute; 
    **float: left;** 
    **width: 45%;** 
    top: 120px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    height:500px; 
} 

#dynamic2 { /*grid two*/ 
    **float: right;** 
    **width: 55%;** 
    position: absolute; 
    top: 120px; 
    left: 750px; 
    right: 0px; 
    bottom: 0px; 
    height:500px; 
}