Одна вещь, которую вы можете сделать, это сделать так, чтобы div под телом, который выровнен по центру, также содержал div с классом ttw-music-player
.
Примечание: я не уверен, знаете ли вы это, но div ttw-music-player - это фактический контент справа. В div с идентификатором 'right' ничего нет, так как на самом деле javascript там ничего не помещает на страницу.
Как только вы это сделаете, вы можете установить центрирующий div, чтобы он имел определенную ширину, а также установить его на margin: auto;
вместо align: center;
. Это сворачивает заголовок, а левый и правый контент делится на контейнер. После этого укажите фиксированную ширину в левом и правом элементах div, чтобы они занимали равное количество пространства, которое в сумме в точности соответствует ширине контейнера div. Затем плавают один влево, а другой направо. Возможно, вам придется поиграть с width
, padding
и / или margin
, чтобы получить все с точностью до пикселя.
Кроме того, я бы предложил не использовать таблицы ни для чего, кроме реальных таблиц данных, и использовать CSS-файлы в <head>
для всех ваших стилей. Как правило, вам следует держаться подальше от встроенных стилей, которые встречаются внутри самого html-файла, и просто использовать JavaScript для добавления или удаления классов CSS для элементов, вызывая встроенные стили из вашего JavaScript, только если это абсолютно необходимо. Так проще поддерживать.