Выпадающее меню в фрейме. Меню поверх фреймов.

porschefan · December 12, 2012

Столкнулся с такой ситуацией: созданое выпадающее меню скрывается под соседним фреймом, так что оно получается обрезаным.

Применил фреймы так-как при изменении/редактировании меню требуется вёрстать еще около 300 файлов что крайне не удобно.

Вот как это выглядит:

Структура такова - есть три фрейма и соответствующим им хтмл. 1-й фрейм - шапка(сверху), 2-й фрейм - меню (слева), 3-й - содержание (справа).

Что посоветуете в такой ситуации, кто сталкивался?

Вот исходник:

Great Rash · December 12, 2012

Выпадалку надо делать не внутри фрейма, а снаружи. Тогда проблем не будет.

porschefan · December 12, 2012

Выпадалку надо делать не внутри фрейма, а снаружи. Тогда проблем не будет.

Пробовал уже, что-то не так, возможно некорректно составлен код (Содержимое фрейма в таком варианте не отображается):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
		<link href="cssmenu.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
	</head>
	<body>
<TABLE BORDER=0 width="100%">
        <TR valign="top">
		<div>
			здесь код шапки страницы	
         	</div>
        </TR>
        <TR>
            <TH>
		<div class="menu">
                        здесь код меню
		</div>

            </TH> 
            <TH valign="top">
<div style="text-align:left; margin-left:50px">
<FRAMESET frameSpacing=0 FRAMEBORDER=0 BORDER=2 COLS=*>
<FRAME SCROLLING="Auto" NORESIZE SRC="1_dm.htm" NAME="Content">
</FRAMESET>
</table> 
</div>
            </TH>
        </TR>
</TABLE>
	</body>
</html>

Такой расклад, пробовал вариант без таблицы - тоже самое.

Edited December 12, 2012 by porschefan

SelenIT · December 12, 2012

Применил фреймы так-как при изменении/редактировании меню требуется вёрстать еще около 300 файлов что крайне не удобно.

Применить PHP или что-то подобное, хотя бы SSI, никак? Будет намного удобнее и в поддержке, и в пользовании.

porschefan · December 12, 2012

Применил фреймы так-как при изменении/редактировании меню требуется вёрстать еще около 300 файлов что крайне не удобно.
Применить PHP или что-то подобное, хотя бы SSI, никак? Будет намного удобнее и в поддержке, и в пользовании.

Согласен что поддержка php намного удобнее и дает больше возможностей. В данном случае задача другая. Здесь нет возможности держать сервер под php или ssi. К тому же данный ресурс должен быть мобилен. Поэтому единственным выходом из положения является применение фрейма.

SelenIT · December 12, 2012

Можно еще скриптом вставлять, хоть по старинке через document.write(...) и в скобках в кавычках весь код меню, заэкранированный как надо (включая переносы строк). В поддержке чуть-чуть сложнее, чем фреймы, но в пользовании проще (нет нужды решать нерешаемые задачи типа сабжевой).

Фреймы всё-таки — по природе своей отдельные окна, как ни крути. Со всеми грустными вытекающими...

porschefan · January 9, 2013

Наконец-то дошли руки занятся данным вопросом.

Можно еще скриптом вставлять, хоть по старинке через document.write(...) и в скобках в кавычках весь код меню, заэкранированный как надо (включая переносы строк). В поддержке чуть-чуть сложнее, чем фреймы, но в пользовании проще (нет нужды решать нерешаемые задачи типа сабжевой).
Фреймы всё-таки — по природе своей отдельные окна, как ни крути. Со всеми грустными вытекающими...

Спасибо SelenIT, удалось решил задачу данным методом, используя document.write(...).

Делал по этому мануалу: http://alljs.ru/articles/document-write может кому пригодится.

Sign In

Выпадающее меню в фрейме. Меню поверх фреймов.

Question

porschefan

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

porschefan

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

porschefan

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

porschefan

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information