webページを上下２分割し、それぞれ違うサイトを表示したいと思います。
（例 上はgoogle、下はyahoo）
これを実現する、htmlの文法を教えて下さい。
または、実際に使われているサイトを教えて下さい。
宜しくお願いします。
No.2
45
2
23pt
<frame>タグで実現できます。
こんな感じで。
<html>
<head>
<title>上下2分割</title>
</head>
<frameset rows="50%,*">
<frame src="http://www.google.com/" name="frame1">
<frame src="http://www.yahoo.co.jp/" name="frame2">
</frameset>
<noframes>
このページはフレーム対応のブラウザでご覧ください。
</noframes>
</frameset>
</html>
通常の<body>内ではなく、<frameset>内に記述します。
<noframe>内はフレーム未対応の場合に表示されます。
使用しているサイトの例⇒http://fan.xrea.org/frame/0u-l/
実用上使われているサイトでしたら沢山あります。いわゆる「フレーム対応」サイトと言う奴です。
ひとつ例で挙げますと、http://www.nagisama-fc.com/anime/
このようなサイドバーメニューの殆どは、<frame>タグで実現されています。
ソースもありがとう御座います。
No.3
432
22pt
http://web.hosp.kanazawa-u.ac.jp/hp/h10/frame/kaisetsu.html
38
38
【上下分割表示されるページ】
<HTML>
<HEAD>
<TITLE>
[上下分割フレームの基本型]
</TITLE>
</HEAD>
<FRAMESET ROWS="30%,*">
<FRAME SRC="ue.html">
<FRAME SRC="sita.html">
</FRAMESET>
</HTML>
ここのue.htmlとsite.htmlをそれぞれ表示させたいサイトのURLをhttp://から書けばOKです。
分割ラインの位置はROWS="30%,*"の30%を適当にいじってやればOKです。
シンプルでわかり易いです。
ありがとう御座います。
No.4
5960633
22pt
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/REC-html40/frameset.dtd">
<html>
<frameset rows="50%,*">
<frame src="http://www.google.com/">
<frame src="http://www.yahoo.co.jp/">
</frameset>
</html>
<body>
<script language="JavaScript">
width = document.body.clientWidth - 20;
height = document.body.clientHeight / 2 - 20;
document.write('<iframe src="http://www.google.com/" width="' + width + '" height="' + height + '"></iframe><br />');
document.write('<iframe src="http://www.yahoo.co.jp/" width="' + width + '" height="' + height + '"></iframe><br />');
</script>
</body>
</html>
インラインフレームというのも有るのですね。
1
1
2
2
1
1
5
frameset というのですね。