Исчезает контент во фрейме при overflow: hidden

azimsky · January 22, 2008

Есть страничка с фреймами. В левом фрейме дерево папок и файлов.

Для элементов в дереве стоит свойство overflow: hidden, иначе происходит наложение и много других проблем.

Если контент не помещается в ширину фрейма, он исчезает в ИЕ6. В Других браузерах (Опера, Сафари) показывает все, что помещается, остальное обрезается (как я и ожидал). В ФФ (в другом фрейме) происходит что-то подобное - слишком длинное слово не отображается, если не умещается в ширину фрейма, а во фрейме с деревом все нормально.

Проблема исчезает при увеличении ширины фрейма. Но тогда фрейм становится слишком широким и неудобным для использования, тем более, что трудно предугадать, какой ещ? ширины будет контент, какую максимальную ширину нужно указывать.

overflow: hidden нужен. Иначе все плывет. Пробовал даже помещать в контейнер и обрезать через clip, но никакого эффекта (?).

Горизонтальный скролл не желателен. Желательно, чтобы просто обрезал все, что помещается.

Упрощенно код можно выразить примерно вот так:

<div id="tree">
<div id="row" style="width: 100%; overflow: hidden;"><nobr><a href="">Some very very long string</a></nobr></div>
</div>

Не знаю назначение (делали давно и без меня), но без него ссылки не отображаются вовсе при любой ширине фрейма.

yopopt · January 22, 2008

Какой доктайп? Также хочется увидеть более разв?рнутый код.

azimsky · January 23, 2008

Какой доктайп? Также хочется увидеть более разв?рнутый код.

Код фрейма,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 <title>...</title>
 ...
</head>
<body>
<div class="basePageTitle">Дерево</div>
... 
 <form name="treeObjects">
 <div class="row">
 <div class="fn"> </div>
 <div><a href="">..</a></div>

 </div>
 <div class="row">
 <div class="bkio" onclick="[i]раскрыть-свернуть[/i]" id="btn_131"> </div>
 <div class="fo" onclick="[i]раскрыть-свернуть[/i]"> </div>
 <input class="size16" id="oid_13" value="13" onclick="top.changeIdList(13, this.checked)" type="checkbox">
 <a target="content" href="...">Контент</a>
 </div>

 <div class="op" id="block_131"><div class="row csa" onmouseover="mOver(this)" onmouseout="mOut(this)">

 <div> </div>

<!-- такая конструкция повторяется вновь и вновь, иногда с более глубокой вложенностью -->

 <div class="bkfc" onclick="[i]раскрыть-свернуть[/i]" id="btn_163"> </div>
 <div class="fn" id="fold_163" onclick="[i]раскрыть-свернуть[/i]"> </div>
 <div id="row_16" title="[16] RootSection - Инфо">
 <nobr>
 <input class="size16" id="oid_16" value="16" onclick="top.changeIdList(16, this.checked)" type="checkbox">

 <a target="content" href="...">Инфо</a>

 </nobr>
 </div>
 </div>

 <!-- конструкция -->
...

</body>
</html>

Обилие DIV'ов - это прорисовка дерева, плюсиков раскрывающейся иерархии, линий иерархии...

Sign In

Исчезает контент во фрейме при overflow: hidden

Question

azimsky

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

azimsky

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information