WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:CSSで作成したフレーム内でのリンク

0:[投稿] ぽん [2004/02/01 22:35 ][環境:IE6,win MX わからない]

CSSを使用してフレームを作成し、右のメニューと書かれたところにメニューの項目を、左にコンテンツが表示されるようにしたいのですが、うまくいきません。どのようにしたらメニューをクリックしたときに左側にコンテンツが表示されるようにあるのか教えてください。
386です。うまく表現できていなくてすみませんでした。
以下のようにフレームをわけ左にメニュー、右にコンテンツを表示できるようにしたいです。
メニューをクリックしたときにその内容が右に表示されるにはどうしたらいいでしょうか?
<style type="text/css">
<!--
.left-space,.right-space{background:#000000;color:#ffffff}
.content{color:#000000;background:#ffffff}
body{background:#000000}
body{padding:0px;margin:0px}
.left-space{width:15%;height:100%; position:absolute;left:0px; top:0px ;overflow:auto}
.content{width:70%;height:100%; position:absolute;left:15%; top:0px ;overflow:auto}
.right-space{width:15%;height:100%; position:absolute;left:85%; top:0px ;overflow:auto}

-->
</style>

<body>

<div class="left-space" >めにゅー</font></div>
<div class="content">こんてんつ</div>
<div class="right-space">みぎ</div>


1:[回答] AC [2004/02/01 23:19 ]

これはフレームではなくて「疑似」フレームですよね?

まず、どうして普通のフレームではなく、疑似フレームを使おうと思ったのか
聞きたいです。
フレームの弊害について聞いているのであれば、target属性に代わるような
手段を使う、という発想にはならないはずです。


2:[回答] AC [2004/02/01 23:24 ]

フレームの弊害を避けるためにCSSで疑似フレームを表現するのであれば、
CSSは外部ファイルにし、コンテンツの数だけHTML文書を作成することになります。
<div class="left-space"></div>内は、どのコンテンツでも同じ内容になります。


3:[回答] ぽん [2004/02/02 10:41 ]

ご返答、ありがとうございます。単純にフレームの弊害を避けるためにCSSで擬似フレームを、と考えていました。


4:[回答] AC [2004/02/02 19:22 ]

この掲示板ではマルチポストは構わないのですが、その旨を知らせて下さい。
http://pc2.2ch.net/test/read.cgi/hp/1074845459/386-

あと、解決したなら、どうやって解決したか報告するのが礼儀です。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World