Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 1953 Просмотров
*

kefir

  • Захожу иногда
  • 61
  • 3 / 0
Правая колонка не видна полносью, обрывается тогда, когда content завершается.
См. http://3usb.ru/shop/det/31/6/kupit-usb-gadgeti-na-3usbru/usb-ventilyator-i-lampa-adlf-11

Код
#main {
height: 100%;
position: relative;

}
.container {
background-color:#F9FFE1;
margin: 0 auto;
width: 970px;
font-size: 1.2em;
overflow: hidden;
}
Я думаю, что это из-за overflow: hidden;, но когда я overflow отключаю, то фон background-color:#F9FFE1; пропадает и видна текстура заднего плана сайта(узоры).

Не знаю как исправить. Прошу помощи более лучше разбирающихся в CSS.


*

Russfox

  • Захожу иногда
  • 169
  • 34 / 0
Re: правая колонка не видна полностью
« Ответ #1 : 25.07.2010, 18:21:48 »
Не нужно было правую колонку делать абсолютной, в твоем случае можно было и без этого обойтись.

Самый простой выход из этой ситуации (но не совсем верный) у .content задать минимальную  высоту
Код
min-height:700px;
для 6-го экплорера просто height:700px.
Просто если содержимое правой колонки будет меняться то и min-height нужно будет менять

Но лучше немного переделать .content и #sidecol, можно же просто задать им ширину и c помощью float:left; расположить так как нужно
*

kefir

  • Захожу иногда
  • 61
  • 3 / 0
Re: правая колонка не видна полностью
« Ответ #2 : 25.07.2010, 18:24:35 »
фишка моего шаблона в том, что для роботов контент виден первый. а потом вся остальная лапуха, поэтому и абсолютное позиционирование. Seo шаблон получается, только вот пределав немного, намудрил...
min-height делал -непомогло. overflow:hidden не дает
*

Russfox

  • Захожу иногда
  • 169
  • 34 / 0
Re: правая колонка не видна полностью
« Ответ #3 : 25.07.2010, 18:38:06 »
в 99 строчке
Код
.content {
background-color:#F9FFE1;
display:inline;
float:left;
margin:170px 0 0;
padding:10px;
text-align:justify;
width:700px;
}

сюда min-height:700px; добавить, точно не дает?
*

Russfox

  • Захожу иногда
  • 169
  • 34 / 0
Re: правая колонка не видна полностью
« Ответ #4 : 25.07.2010, 18:42:21 »
Или правую колонку переделать, зачем ее то абсолютной делать
Код
#sidecol {
background-color:#F9FFE1;
display:block;
float:right;
margin:170px 0 0;
padding-right:4px;
width:240px;
*

AlexSmirnov

  • Завсегдатай
  • 1862
  • 272 / 16
  • Ищите и найдете
Re: правая колонка не видна полностью
« Ответ #5 : 25.07.2010, 18:59:13 »
я бы попробовал прописать модулю с "USB уведомитель почты" свою собственную фиксированную или резиновую высоту. для этого ему нужно будет создать свой собственный суффикс и соответствующее стилевое правило.
# Back the fufalo (особенно ту самую столкершу)! #
# ВАЖНО! Кайфую от удаления присланного в личку спама, почти как от любви (особенно по выходным). #
*

Bogdan808

  • Захожу иногда
  • 89
  • 2 / 1
Re: правая колонка не видна полностью
« Ответ #6 : 25.07.2010, 19:05:36 »
я бы попробовал прописать модулю с "USB уведомитель почты" свою собственную фиксированную или резиновую высоту. для этого ему нужно будет создать свой собственный суффикс и соответствующее стилевое правило.
Да кстати, чего тупим, даем суффикс_класса и задаем уже свое стилевое правило
*

AlexSmirnov

  • Завсегдатай
  • 1862
  • 272 / 16
  • Ищите и найдете
Re: правая колонка не видна полностью
« Ответ #7 : 25.07.2010, 19:25:31 »
Да кстати, чего тупим, даем суффикс_класса и задаем уже свое стилевое правило

для "know how" можно заглянуть сюда
# Back the fufalo (особенно ту самую столкершу)! #
# ВАЖНО! Кайфую от удаления присланного в личку спама, почти как от любви (особенно по выходным). #
*

kefir

  • Захожу иногда
  • 61
  • 3 / 0
Re: правая колонка не видна полностью
« Ответ #8 : 25.07.2010, 22:31:46 »
Цитировать
сюда min-height:700px; добавить, точно не дает?
помогло в .content добавить, +1. Позже попробую правую колонку переделать...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

@media, полностью скрыть код из исходного кода страницы?

Автор reasons

Ответов: 3
Просмотров: 1996
Последний ответ 21.12.2015, 20:58:41
от Shustry
Иконка не полностью отображается

Автор Ragnos

Ответов: 1
Просмотров: 1226
Последний ответ 28.05.2014, 21:53:00
от kik84
При сжимании браузера, правая колонка перепрыгивает куда-то вниз страницы

Автор smit1987

Ответов: 2
Просмотров: 1398
Последний ответ 02.04.2014, 22:45:48
от smit1987
Какой параметр отвечает, чтобы фон полностью вписался в размер экрана?

Автор svetlovanton

Ответов: 2
Просмотров: 1472
Последний ответ 08.12.2012, 21:04:26
от svetlovanton
Центральная колонка в контентблоке сдвигается вправо

Автор shiryaev

Ответов: 11
Просмотров: 2736
Последний ответ 14.12.2011, 21:11:21
от Taatshi