Screen
Новичок
Дата регистрации:
28.01.2012 15:57:39
Сообщений: 17
Возникла проблема.
В опере блок растягивается, а в фаейфоксе нет.
В этом блоке, который должен растягиваться, есть еще один блок, который растягиваеться в обоих браузерах. Почему так?
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Покажите HTML и CSS.
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;
}
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Не очень понятно, как #back может растягиваться, когда у него чётко прописана ширина 960px?#back {
width:960px;
background: url(../img/web/back.png) repeat-y;
}
Screen
Новичок
Дата регистрации:
28.01.2012 15:57:39
Сообщений: 17
Ну она вниз не растягивается. Ну всетаки попробовал убрать параметр ширины, не помогает.
Screen
Новичок
Дата регистрации:
28.01.2012 15:57:39
Сообщений: 17
Может я не правильно говорю. Вот сделал скрины в разных браузерах для наглядности.
http://radikal.ru/F/s018.radikal.ru/i527/1201/0a/91ab97549836.jpg.html
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Понял. Вниз по-хорошему он должен растягиваться, если растёт контент. Здесь уже хромает вёрстка. Неправильно написана структура блочной вёрстки. Она должна быть такой:
Блок_головы
Блок_верхнего_меню
Блок_центральной_части
Левый_блок
Правый_блок
Центральный_блок
Блок_отмены_позиционирования
Блок_подвала
Блок_отмены_позиционирования - это блок с clear: both;
Посмотрите, чтобы Ваш HTML-код полностью отвечал этой структуре. У левого блока float: left;, у правого float: right;. У центрального блока должны быть заданы margin-left и margin-right.
Screen
Новичок
Дата регистрации:
28.01.2012 15:57:39
Сообщений: 17
Ну я у себя тут микро исследование провел.
Есть основной фон, который должен растягиваться.
И все работает до тех пор, пока внутрь блока, который должен растягиваться не вставишь другие блоки. Когда я это делаю основной блок перестает растягиваться. А если вставлять не див блоки, а текст, то все норм. Но у меня так структура разрушается.
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Вёрстка некорректна, блоки идут по размеру ровно такими, каков размер их содержимого, если не указано иное в CSS. Поэтому фон внутренних блоков накладывается на фон внешнего блока (размеры у них одинаковые по высоте). В результате Вы фон внешнего блока просто не видите (он под фоном внутреннего). Но в Вашем коде чёрт ногу сломит, поэтому, возможно, какие-то браузеры так интерпретируют Ваш код, что всё работает, а какие-то нет. Поэтому посмотрите ещё раз структуру, которую я указал, в ней таких проблем не возникает. В любом случае, вёрстку придётся переделывать, парой строчек здесь явно не отделаться (а даже если и отделаетесь, то откроете ещё в каком-нибудь браузере, например, в IE8 (или любом другом), и увидите, что опять ничего не работает).
Screen
Новичок
Дата регистрации:
28.01.2012 15:57:39
Сообщений: 17
Ни чего не получается.
Может посмотрите код?
http://ifolder.ru/28377321
Я его разделил на света, чтобы было понятнее, но блок main не растягивается (серого света). Помогите.
