Всем доброго времени суток!
Ребят, заказчику понравился шаблон от IceTheme IT The Shop, качали отсюда:
http://jmworld.ru/internet-stores-joomla-17/730-it-theshop.htmlНо ширину хочет сделать побольше (здесь я его поддерживаю, в большинстве шаблонов Joomla огромную часть сайта занимают модули, а на центральный component остается относительно узенькая полоска).
Редактирую layout.css
Изначально он был таким:
/*
Site Main Wrapping
------------------
We use the 960px width which is the easiest way to separate the
content because of its ability to be splited in many ways.
Please be careful when you decide to change the value because
some of the images used for decoration are meant to be used with
this width so you need to change them to.
---------------------------------------------------------------- */
.wrapper { width:960px; margin:0 auto;}
/* Header
------------*/
#header {}
#header .wrapper {
position:relative;}
/* -- Content --
Contain the CSS for the main and important part of the template
------------*/
#content {
margin-bottom:30px;
padding:0;}
#content_inside {
width:705px;
float:right;
margin-bottom:15px;
position:relative;}
/* Main Column Separator
This code separate the "left" and "right" module position from the content. */
#left-column {
position:relative;
width:240px;
background:#fff;
border-radius:5px;
box-shadow:0 0 5px #ccc;
float: left;
margin-bottom:15px;}
#middle-column {
width:100%;
background:#fff;
border-radius:5px;
box-shadow:0 0 5px #ccc;
float: left;}
#middle-column .padding { padding:10px; min-height:400px}
#right-column{
background:#fff;
border-radius:5px;
box-shadow:0 0 5px #ccc;
float: right;
margin-left:15px;}
Меняю ширину в строке
.wrapper { width:960px; margin:0 auto;}
на побольше, например 1150px
а также меняю ширину здесь
#content_inside {
float:right;
width:1024px;
margin-bottom:15px;
position:relative;}
и здесь
#left-column {
position:relative;
width:240px;
background:#fff;
border-radius:5px;
box-shadow:0 0 5px #ccc;
float: left;
margin-left:15px;
margin-bottom:15px;}
#middle-column {
width:1024px;
background:#fff;
overflow: hidden;
border-radius:5px;
box-shadow:0 0 5px #ccc;
float: left;}
#middle-column .padding { padding:10px; min-height:400px}
#right-column{
background:#fff;
border-radius:5px;
box-shadow:0 0 5px #ccc;
float: right;
margin-left:15px;}
и получаю...
Дыру между модулем слева и центральным блоком. Если ставить float: left для content_inside, то дыра образовывается между модулем справа и центральным блоком.
Пробовала ставить проценты, а не пиксели, такая же ерунда, на большом мониторе это вообще ужасно смотрится, резиновый сайт с дырой в центре и ошметками у краев экрана
Желательно, все-таки, в пикселях это дело прописать, вот только как? Почему у middle-column стоит огромная ширина, а он, все равно, едва больше left-column?
Заранее спасибо, и прошу прощенья, что в первом же сообщении на форуме прошу помощи, к тому же так длинно...
25.04.2016, 08:58:33