<MyRusakov.ru />

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Видеокурс "Фреймворк Yii 2.0 с нуля. Пример создания сайта" обучит Вас созданию профессиональных сайтов с использованием фреймворка Yii. В курсе есть 2 раздела: теоретический и практический. В теоретическом разделе будут разобраны возможности фреймворка Yii с примерами их использования, а в практической части будет создан сайт Blog.MyRusakov.ru с помощью полученных знаний из теоретического раздела.

Так же почти ко всем урокам идут упражнения для закрепления материала из урока на практике.

После прохождения курса Вы без труда сможете создавать любые сайты с использованием фреймворка Yii, причём делать это будете быстро и качественно.

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

Подписавшись по 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 не растягивается (серого света). Помогите.
Профиль Ответить