![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.3ベストアンサー
- 回答日時:
> 上フレームにロゴなどがあり、下フレームにはみ出すようにデザインしました。
状況がよくわかりませんが、<frameset>ならフレームを超えることはないはずなのですが、、、
たとえば高さ100pxのロゴマークを表示するのに、
上80pxを上フレームに、
下20pxを下フレームのbackground-imageに指定している、、ということでしょうか?
コンテンツがロゴマークに隠れるなら、結局、全部上フレームにしているのと同じ事だと思うのですが、、、
上フレームに記述するのではダメなのでしょうか?
> (ロゴの下にもぐりこむ感じ)
position:fixedを使えば簡単なのですがIEが対応していないと言うことで、
通常はJavaScriptを使わないと行けないのですが、
DOCTYPEを記述しなくても良いなら、以下のスタイルで作れます。
(未検証ですが、こんな感じだったと思います。FirefoxやSafariで表示位置がずれるかも、、、)
<BODY>にmarginやpaddingを0px以外に指定すると、スクロールバーの位置が妙なことになるので、0pxにした方が良いです。
.title{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100px;
text-align:center;
z-Index:2;
}
.contents{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
overflow:auto;
z-Index:1;
padding-top: 100px;
}
<body>
<div class="title">
<img src="title.jpg" alt="タイトル&ロゴマーク">
</div>
<div class="contents">
本文
</div>
</body>
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_16.png?e8efa67)
No.2
- 回答日時:
参考URL先のような感じで、上部にロゴを出して~って感じでしょうけど、これだと少し遅延がありますし、やっぱり難しいでしょうね(´・ω・`)
参考URL:http://www.takoten.com/tech/withscroll.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- カスタマイズ(バイク) リアボックス取り付け 2 2023/08/11 08:07
- Illustrator(イラストレーター) 会社の名刺作成時にロゴを配置する方法 3 2023/06/06 18:06
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
- カスタマイズ(バイク) カスタマイズ 1 2022/11/12 01:09
- カスタマイズ(バイク) リアボックス取り付け位置 2 2023/08/11 06:08
- Web・クリエイティブ グラフィックデザインの著作権について 3 2023/08/04 23:17
- メガネ・コンタクト・視力矯正 メガネのフレームが折れそうで 壊れていますが 自分で直せますか レンズが良いものが3つあります いつ 7 2023/06/26 16:49
- 家具・インテリア ダブルのベッドにクイーンのマットレス 5 2023/02/11 08:35
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレームの読込み順
-
pythonのエラーについての質問...
-
WebサイトでHTMLのフォームに隠...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
iPadの標準ブラウザでローカルH...
-
社内で利用するWebサイトを立ち...
-
HTMLページが勝手にダウンロー...
-
htmlの中にexcelが埋め込むには...
-
中埜酢店 のよみかた
-
Excel VBA :URLの中で変数を使...
-
htmlファイルの表示が真っ白
-
Webサイトから、txtファイルを...
-
ホームページビルダーで文字化...
-
googleドライブで、PDFファイル...
-
SSIでインクルードしたファイル...
-
<a href=…></a>で表示されない。
-
フォルダ内の最初のファイル名...
-
メール本文に変な文字が
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【至急!!助けて!】【スマホ...
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームの片方だけを更新(リロ...
-
URLを変えないで表示する方法
-
2つのページを重ねたい
-
フレーム間のリンクが巧く行き...
-
フレームで指定している送信先...
-
直リンクとは。
-
嫌だなと思うHPって?
-
HTMLファイルが表示されない
-
frameの内容が表示されない
-
スタイルシートでリンクをすべ...
-
画面の一部だけ更新したいので...
-
スタイルシートで背景画像を固...
-
html リンクを別フレームに表...
-
WebサイトでHTMLのフォームに隠...
-
HTMLの画面分割方法について
-
ソースが短い理由
-
html 左メニューから右への表示...
おすすめ情報