Блок выходит за пределы экрана и текст не виден

[MAzZY]

Есть узкий всплывающий блок с большим количеством текста. На больших мониторах проблем нет. Но если монитор узкий, то блок выходит куда-то наверх и половину текста не видно. Сайт имеет фиксированную высоту, такая особенность.

Блок свёрстан так:

<li class="item" style="width: 53px; height: 133px; left: 592.667px; top: -222px;">


<a class="buble" href="#">


<span class="buble-m"> Длиннотекст </span>

<span class="buble-b"></span>
</a>
</li>

buble имеет свойство display:none

li:hover - display:block

Вот так вот хитро соорудили и мне теперь нужно как-то сделать так, чтобы блок не уплывал за пределы, с учётом того, что снизу он "закреплён". Т.е. должна высота меняться по месту и должна появляться прокрутка.

Если прописать overflow, то прокрутка всё равно не появляется, т.к. высота блока не изменяется.

Что бы такого придумать?

[Struggle]

Нужен линк, мало кода и не видем что и где косяк

[MAzZY]

Блин, не хочу давать. Клиентский сайт. Но там такого навертели в коде, что ахтунг.

Скажите, какие могут быть варианты. Я буду перебирать

[Struggle]

Блин, не хочу давать. Клиентский сайт. Но там такого навертели в коде, что ахтунг.

Скажите, какие могут быть варианты. Я буду перебирать

Ну наверное там position:absolute стоит, попробуй его убрать, и заменить на relative, и вообще зачем там позиционирование, если нужно запилить в центре достаточно margin: auto; и указать ширину

стукни в аську, помогу

Edited August 9, 2013 by Struggle

[MAzZY]

Там всё намного мудрёнее. Дикая идея дизайнера и заумное решение верстальщика. Всё взаимосвязано и если что-то нужно изменить, то приходится переделывать всё целиком.

Посмотрите, может кто-то сообразит. _http://www.удалил.ru/ - женщина в синем по центру.

Edited August 13, 2013 by MAzZY

[Struggle]

Там всё намного мудрёнее. Дикая идея дизайнера и заумное решение верстальщика. Всё взаимосвязано и если что-то нужно изменить, то приходится переделывать всё целиком.

Посмотрите, может кто-то сообразит. _http://www.comunica.ru/ - женщина в синем по центру.

задать минимальную высоту body в пикселях, это максимум что можно сделать, верстальщик хороший кстати, не надо его венить, дизайн не адаптивный сам по себе, дизайнер виноват, тут просто не хватает высоты

Edited August 12, 2013 by Struggle

[MAzZY]

Я не виню, работа действительно проделана большая. Но очень заумная.

задать минимальную высоту body в пикселях

Указал min-height: 700px; но ничего не меняется. Что-то ещё нужно? Не могу сообразить

[Struggle]

Я не виню, работа действительно проделана большая. Но очень заумная.

задать минимальную высоту body в пикселях

Указал min-height: 700px; но ничего не меняется. Что-то ещё нужно? Не могу сообразить

body {
overflow-x: scroll;
min-height: 700px;
}

Должно было сработать, но смотря на сайт и двигая скролл при том что он не работает никак, ничего не могу подсказать

Edited August 12, 2013 by Struggle

[MAzZY]

Наверное, я плохо объяснил. Прокрутка должна быть только у всплывашек, а не у всего body.

[121990]

@MAzZY, сделай загрузку стилей для разных экранов. Уменьши шрифт, блок...

А информация про скроллы, у тебя прямо перед носом - http://htmlbook.ru/b...llbary-v-webkit

Edited August 12, 2013 by 121990