Проблема 1. Вы пытаетесь разместить горизонтальную док-станцию с максимальной расширенной шириной 263 пикселя (7 значков 48x48) в столбце шириной всего 191 пикселя: док-станция будет переполнена!
Проблема 2. Шаблон, который вы используете, задает определенную ширину 191px для любого div больше, чем на 1 уровень ниже div.module потомка div # leftcolumn. Кроме того, в вашем шаблоне указываются ширина и отступы для некоторых элементов, что может вызвать кросс-браузерную несогласованность, а также заставляет некоторые элементы выходить за границы столбца.
Поскольку jqDock не предоставляет много идентификаторов элементов, правила, необходимые для переопределения вашего шаблона, должны быть как минимум такими же «специфичными», как и шаблоны, если не больше.
Например, замените правила вашей страницы на ...
.sflpage {...}
.sflmenu {...}
#main_bg #leftcolumn div.module_menu div div div,
#main_bg #leftcolumn div.module div div {...}
с ...
/*position the Dock's container, ensuring it's visible, and killing
the padding imposed by the template...*/
#leftcolumn div.module div div div div.sflpage {
padding: 0pt;
position: relative;
top: -20px;
width: auto;
z-index: 9999;
}
/*put the Dock in the center of its container, and give it plenty
of width for a fully-expanded Dock...*/
#leftcolumn div.module div div div div.jqDocked {
left: 50%;
margin-left: -150px;
padding: 0px 0pt;
position: absolute;
top: 0pt;
width: 300px;
}
/*kill the width and padding imposed by the template...*/
#leftcolumn div.module div div div div.jqDocked div {
width: auto;
padding: 0;
}
/*center the dock...*/
#leftcolumn div.module div div div div.jqDocked .jqDockWrap {
margin: 0pt auto;
}
/*use this to set/tweak the label's styling...*/
#leftcolumn div.module div div div div.jqDocked .jqDockLabelText {
}
Я бы также предположил, что вам нужно больше горизонтального пространства для Dock (т. Е. Между заголовком модуля и списком файлов), чтобы ваши метки нуждались в лучшей стилизации, чтобы они были видимыми и читаемыми.