<MyRusakov.ru />

Создание Интернет-магазина на OpenCart 2.0

Создание Интернет-магазина на OpenCart 2.0

Видеокурс "Создание Интернет-магазина на OpenCart 2.0" обучит Вас созданию любых Интернет-магазинов на OpenCart 2. В первом разделе курса разбираются абсолютно все возможности данного движка с примерами.

Во втором разделе создаётся полноценный Интернет-магазин, где Вы уже всё увидите своими глазами.

И, наконец, в третьем разделе курса созданный Интернет-магазин будет размещён в Интернете.

К курсу так же идут бесплатные и очень ценные Бонусы сопоставимые с самим курсом: "Как сэкономить на Яндекс.Директ до 50%", "Дропшиппинг" и "Как раскрутить Интернет-магазин".

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Блок не растягиваеться.
28.01.2012 16:01:39 Блок не растягиваеться. Сообщение #1
Screen

Screen

Новичок

Новичок

Дата регистрации:
28.01.2012 15:57:39

Сообщений: 17

Возникла проблема.
В опере блок растягивается, а в фаейфоксе нет.
В этом блоке, который должен растягиваться, есть еще один блок, который растягиваеться в обоих браузерах. Почему так?
Профиль Ответить
28.01.2012 16:04:04 Блок не растягиваеться. Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Покажите HTML и CSS.
Профиль Ответить
28.01.2012 16:08:18 Блок не растягиваеться. Сообщение #3
Screen

Screen

Новичок

Новичок

Дата регистрации:
28.01.2012 15:57:39

Сообщений: 17

Вот код, не растягивается блок back.
<div id="back">
<div id="block">
<div id="block_1"></div>
<div id="block_2">
<div id="re_block"></div>
<div id="news"><br>
<div id="news_block">
<div id="news_name">Название</div>
<div id="news_info"><img src="../img/web/date.png" alt="Дата" /> 28 января 2012 <img src="../img/web/user.png" alt="Пользователь" /> User <img src="../img/web/comments.png" alt="Комментарии" />Нет комментариев</div>
<div id="news_news">Новость</div>
</div>
</div>
</div>
<div id="block_3"></div>
</div>
</div>

А вот свойства ксс у блоков:
#back {
width:960px;
background: url(../img/web/back.png) repeat-y;
}
#end {
width:960px;
height:7px;
background: url(../img/web/end.png) no-repeat;
}
#block {
width:628px;
padding-left:5px;
padding-top:5px;
float:left;
}
#block_1 {
width:633px;
height:10px;
background: url(../img/web/block_1.png) no-repeat;
}
#block_2 {
width:633px;
background: url(../img/web/block_2.png) repeat-y;
}
#block_3 {
width:633px;
height:10px;
background: url(../img/web/block_3.png) repeat-y;
}
#re_block {
width:611px;
height:228px;
background: url(../img/re/1.png) no-repeat;
}
#news {
width:611px;
}
#news_block{
width:611px;
height:140px;
}
#news_name{
width:611px;
height:30px;
color:#000;
font-size:24px;
text-align:left;
}
#news_info{
width:611px;
height:20px;
color:#333333;
font-size:12px;
text-align:left;
}
#news_news{
width:611px;
height:20px;
color:#000;
font-size:15px;
text-align:left;
}
#news_end{
width:611px;
}
Профиль Ответить
28.01.2012 18:14:08 Блок не растягиваеться. Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Не очень понятно, как #back может растягиваться, когда у него чётко прописана ширина 960px?#back {
width:960px;
background: url(../img/web/back.png) repeat-y;
}
Профиль Ответить
28.01.2012 20:10:36 Блок не растягиваеться. Сообщение #5
Screen

Screen

Новичок

Новичок

Дата регистрации:
28.01.2012 15:57:39

Сообщений: 17

Ну она вниз не растягивается. Ну всетаки попробовал убрать параметр ширины, не помогает.
Профиль Ответить
28.01.2012 20:21:21 Блок не растягиваеться. Сообщение #6
Screen

Screen

Новичок

Новичок

Дата регистрации:
28.01.2012 15:57:39

Сообщений: 17

Может я не правильно говорю. Вот сделал скрины в разных браузерах для наглядности.
Профиль Ответить
28.01.2012 20:21:38 Блок не растягиваеться. Сообщение #7
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Понял. Вниз по-хорошему он должен растягиваться, если растёт контент. Здесь уже хромает вёрстка. Неправильно написана структура блочной вёрстки. Она должна быть такой:
Блок_головы
Блок_верхнего_меню
Блок_центральной_части
Левый_блок
Правый_блок
Центральный_блок
Блок_отмены_позиционирования
Блок_подвала

Блок_отмены_позиционирования - это блок с clear: both;
Посмотрите, чтобы Ваш HTML-код полностью отвечал этой структуре. У левого блока float: left;, у правого float: right;. У центрального блока должны быть заданы margin-left и margin-right.
Профиль Ответить
28.01.2012 20:45:42 Блок не растягиваеться. Сообщение #8
Screen

Screen

Новичок

Новичок

Дата регистрации:
28.01.2012 15:57:39

Сообщений: 17

Ну я у себя тут микро исследование провел.
Есть основной фон, который должен растягиваться.
И все работает до тех пор, пока внутрь блока, который должен растягиваться не вставишь другие блоки. Когда я это делаю основной блок перестает растягиваться. А если вставлять не див блоки, а текст, то все норм. Но у меня так структура разрушается.
Профиль Ответить
28.01.2012 21:04:02 Блок не растягиваеться. Сообщение #9
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Вёрстка некорректна, блоки идут по размеру ровно такими, каков размер их содержимого, если не указано иное в CSS. Поэтому фон внутренних блоков накладывается на фон внешнего блока (размеры у них одинаковые по высоте). В результате Вы фон внешнего блока просто не видите (он под фоном внутреннего). Но в Вашем коде чёрт ногу сломит, поэтому, возможно, какие-то браузеры так интерпретируют Ваш код, что всё работает, а какие-то нет. Поэтому посмотрите ещё раз структуру, которую я указал, в ней таких проблем не возникает. В любом случае, вёрстку придётся переделывать, парой строчек здесь явно не отделаться (а даже если и отделаетесь, то откроете ещё в каком-нибудь браузере, например, в IE8 (или любом другом), и увидите, что опять ничего не работает).
Профиль Ответить
29.01.2012 20:42:52 Блок не растягиваеться. Сообщение #10
Screen

Screen

Новичок

Новичок

Дата регистрации:
28.01.2012 15:57:39

Сообщений: 17

Ни чего не получается.
Может посмотрите код?
http://ifolder.ru/28377321
Я его разделил на света, чтобы было понятнее, но блок main не растягивается (серого света). Помогите.
Профиль Ответить