С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.91/11: Рейтинг темы: голосов - 11, средняя оценка - 4.91
olgasme
0 / 0 / 0
Регистрация: 22.09.2010
Сообщений: 8
1

CSS - Overflow

22.09.2010, 09:50. Просмотров 1947. Ответов 9
Метки нет (Все метки)

Додбрый день, уважаемые,

подскажите пожалуйста,

вот есть блок у которого свойство overflow - hidden.

Внутри него находится другой блок, который по размерам больше 1-го.
Из-за overflow-hidden свойства 1-го блока, внутренний блок частично урезается.

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

Помогите пожалуйста. Не получается у меня.
Спасибо за внимание.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
22.09.2010, 09:50
Ответы с готовыми решениями:

Overflow в CSS
У меня есть div с overflow: hidden И мне нужно полностью показать div который больше за...

CSS overflow hidden
проблема в том что на сайте siteкогда ставлю overflow hidden облака исчезают полностью а когда...

Overflow-x:auto и overflow-y:visible не работают вместе
Есть блок который должен быть overflow-x: auto; overflow-y: visible. Но вместе эти 2 свойства не...

Gulp критичный css, инструмент для генерации критичного css
Пытаюсь закрыть последний пункт в googlespeed: "Удалите код JavaScript и CSS, блокирующий...

Плагин для css с возможностью создания переменных в css файле
Один раз наткнулся в интернете на интересный плагин для css, похожий на jquery для js. Там можно...

9
lesha_firs
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
22.09.2010, 11:14 2
Цитата Сообщение от olgasme Посмотреть сообщение
Додбрый день, уважаемые,

подскажите пожалуйста,

вот есть блок у которого свойство overflow - hidden.

Внутри него находится другой блок, который по размерам больше 1-го.
Из-за overflow-hidden свойства 1-го блока, внутренний блок частично урезается.

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

Помогите пожалуйста. Не получается у меня.
Спасибо за внимание.
для дочернего блока задай
CSS
1
overflow:visible
или
CSS
1
overflow:auto
0
olgasme
0 / 0 / 0
Регистрация: 22.09.2010
Сообщений: 8
22.09.2010, 11:25  [ТС] 3
Вобщем я наверно не точно выразила суть.

Вот пример:

HTML5
1
2
3
4
5
6
7
<div id="VNESHNIY_BLOCK" style="width:40px;height:40px; overflow:hidden;border:2px solid;">
    
            <div id="VNUTRENNIY_BLOCK" style="width:500px; height:600px; border:5px solid;">
                внутренний блок
            </div>
    
    </div>
Внутренний блок виден не полностью, т.к. находится внутри другого блока, который меньше по размеру и у которого включено свойство overflof-hidden.

Возможно ли как-то сделать внутренний блок видимым полностью, при том, что внешний блок будет меньше по размеру и со включенным свойством overflow-hidden ?
0
lesha_firs
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
22.09.2010, 11:31 4
Цитата Сообщение от olgasme Посмотреть сообщение
Вобщем я наверно не точно выразила суть.

Вот пример:

HTML5
1
2
3
4
5
6
7
<div id="VNESHNIY_BLOCK" style="width:40px;height:40px; overflow:hidden;border:2px solid;">
    
            <div id="VNUTRENNIY_BLOCK" style="width:500px; height:600px; border:5px solid;">
                внутренний блок
            </div>
    
    </div>
Внутренний блок виден не полностью, т.к. находится внутри другого блока, который меньше по размеру и у которого включено свойство overflof-hidden.

Возможно ли как-то сделать внутренний блок видимым полностью, при том, что внешний блок будет меньше по размеру и со включенным свойством overflow-hidden ?
да возможно!
да только вопрос вообше зачем он вам нужен если он содержит один див?

HTML5
1
2
3
4
5
6
7
<div id="VNESHNIY_BLOCK" style="width:40px;height:40px; overflow:hidden;border:2px solid;position:relative;">
    
            <div id="VNUTRENNIY_BLOCK" style="width:500px; height:600px; border:5px solid;position:absolute;left:0;top:0;">
                внутренний блок
            </div>
    
    </div>
0
olgasme
0 / 0 / 0
Регистрация: 22.09.2010
Сообщений: 8
22.09.2010, 12:05  [ТС] 5
Ваш код работает точно также как и мой. Не годится.

Нужно это затем, что, есть галлерея, прокрутка изображений, у нее свойство ovefrlow-hidden (без него там видимо никак не обойтись потому что, оно позволяет отображать заданное кол-во видимых прокручиваемых елементов.)

построена она со списками LI. и внутри этого списка мне надо разместить блок, который сможет полносьтю отображаться несмотря на то, что он находится внутри блога галереи у которой overflow-hidden.

Да, можно было бы разместиьт этот блок за пределами блока галлереи и наложить его выравниванием поверх галереи, но этот вариант не подходит в силу нек-ых причин (cms).
0
lesha_firs
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
22.09.2010, 12:10 6
тогда так не получеться!

Добавлено через 24 секунды
вы случеем не про js карусель говорите?
0
Alorian
691 / 531 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
22.09.2010, 12:24 7
lesha_firs, советую проверять код на работоспособность перед отправкой.

olgasme, увеличь высоту блока с overflow:hidden, и в добавленное место вставляй нужный тебе блок. Сделай его поверх всего и он точно так как overflow:hidden будет закрывать собой то что под ним.
0
olgasme
0 / 0 / 0
Регистрация: 22.09.2010
Сообщений: 8
22.09.2010, 12:25  [ТС] 8
Цитата Сообщение от lesha_firs Посмотреть сообщение
тогда так не получеться!

Добавлено через 24 секунды
вы случеем не про js карусель говорите?


Да,да! именно про нее!
0
lesha_firs
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
22.09.2010, 12:54 9
Цитата Сообщение от olgasme Посмотреть сообщение
Да,да! именно про нее
дайте рисунок того что вы хотите получить!
Я ней каждый день работаю и каждый раз она видет себя по разному!
0
olgasme
0 / 0 / 0
Регистрация: 22.09.2010
Сообщений: 8
22.09.2010, 15:37  [ТС] 10
Цитата Сообщение от lesha_firs Посмотреть сообщение
дайте рисунок того что вы хотите получить!
Я ней каждый день работаю и каждый раз она видет себя по разному!
Вот рисунок во вложении
0
Миниатюры
CSS - Overflow  
22.09.2010, 15:37
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
22.09.2010, 15:37

CSS, не работает ссылка на .css документ через java script
&lt;head&gt; &lt;title&gt;Сайта&lt;/title&gt; &lt;script language=JavaScript&gt; if...

Как сделать вот такой макет через html и css (div и css)
Доброго времени суток.Подскажите как сделать по скрину ?* что бы было Лого на весь экран вот тот...

Как создать фон сайта с помощью CSS и где почитать про использование CSS
Как создать фон сайта с помощью CSS, приведите пример пожалуйста. И если будет не сложно подскажите...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru