【 ＨＰ質問箱 】

新しい質問は「新規入力」ボタンをクリックしてください。
| Back | Next | Page-10

【ＨＰ質問箱/詳細】　一覧 / 詳細

　 No.9655　ブラウザのウィンドウサイズによってレイアウトが乱れる
[J/R] [ブラウザ]　 08/03/18 (火) 04:50
はじめまして。

タイトルについて自分なりに色々調べてみたのですが、どうしても自己解決できなかったので皆様の知恵をお貸しください。

alphaEDITを使ってHPを作成し、試験的にインターネット上で公開してみたのですが、どうもブラウザの種類や、ウィンドウサイズによって自分が意図しているレイアウトとは違った表示のされ方をしてしまいます。

ブラウザによってレイアウトが乱れてしまうのは仕方ないことだと思うのですが、ウィンドウのサイズによって画像やテキストの位置が変わってしまうのはどうしても改善したいと思っています。

私はノートPCでHPを作成しているので、1024×768のサイズでは正しく表示されるようなのですが、それより大きい（もしくは小さい）ウィンドウサイズで見たときに画像の表示位置がずれたり、テキストが画像の下に埋もれて読めなくなったりするようです。

ブラウザのウィンドウサイズに左右されることなく、レイアウトを統一するにはどうすれば良いでしょうか？

ちなみに私はIE6.0でレイアウトを確認しています。

ご教授の程よろしくお願いいたします。
▼
▼
▼
　 No.9656　Re:ブラウザのウィンドウサイズによってレイアウトが乱れる
[atom] [ブラウザ]　 08/03/18 (火) 10:11
上のタイトル部はセンタリングを行ってるようですが、
中央から下は「position: absolute;」を使ってますので左上からの座標位置で決まってしまいます。

「absolute」は完全に固定位置で表示されますので、タイトル部を左寄せにすればいいでしょう。
▼
▼
▼
　 No.9657　Re^2:ブラウザのウィンドウサイズによってレイアウトが乱れる
[J/R] [ブラウザ]　 08/03/18 (火) 18:15
回答ありがとうございます。

トップページのタイトル部は、ご指摘の通り左寄せにしてみました。

あともう一つお教え頂きたいのが、画像と同じように、テキストも絶対位置指定で表示位置を固定するにはどうすれば良いでしょうか？

http://

こちらのページをご覧頂きたいのですが、画像は絶対位置指定しているので、ウィンドウサイズを大きくしようが小さくしようが表示位置は変わらないのですが、テキストは表示位置の指定を行っていないので、ブラウザを小さくすると文字がスライドするように表示位置がずれてしまいます。

テキストをドラッグして絶対位置指定をしても上手くいきませんでした。

alphaEDITで編集する場合、具体的にどのような操作をしてやれば良いでしょうか？
▼
▼
▼
　 No.9658　Re^3:ブラウザのウィンドウサイズによってレイアウトが乱れる
[J/R] [ブラウザ]　 08/03/18 (火) 21:03
色々試行錯誤してみたのですが、もう少し自分で調べていじってみようと思います。

質問に答えて頂きありがとうございました。

あと、記述していたURLは、サイトがまだ未完成なこともあり、このような場所で公開し続けておくのもどうかとおもったので削除しました。

ありがとうございました。
▼
▼
▼
　 No.9652　時間別背景画像を変更
ホーム [みさき] [ブラウザ]　 08/03/11 (火) 00:58
はじめまして、みさきともうします。
過去ログ等検索してみたものの、解決できなかったので質問のほうさせていただきます。

時間別に背景の画像を変更させたいのですが、
HTML講座のタグをそのままもってきて、画像の名前だけ変更したのですが、
背景はかわるどころか真っ白な状態になってしまいました。
色々なHTML講座のタグをためしてみたものの、おんなじように真っ白になってしまいます。
最初は同じページのスタイルシートが邪魔をしてるのかとおもい、
スタイルシートもなにもないページでためしてみたものの、結果かわらずです・・

http://outset.michikusa.jp/0000.html
ここのページで時間別でかわるスタイルシートだけ記述してます。

参考にした講座は
http://chips.jpnet.biz/
こちらの講座の
http://chips.jpnet.biz/tagg/247.html
のページです。

わかるかたいらしたら、
どうぞよろしくおねがいします。
▼
▼
▼
　 No.9653　Re:時間別背景画像を変更
[こにタン] [ブラウザ]　 08/03/11 (火) 02:14
参考にされたページには、

> <body>～</body>の間に書き込んで下さい。

とありますよ。
▼
▼
▼
　 No.9654　Re^2:時間別背景画像を変更
[みさき] [ブラウザ]　 08/03/11 (火) 02:57
こにタン様＞
返信ありがとうございます。
なんという簡単なミスをしていましたっ＞＜
スタイルシートだとおもいこんでてついつい<HEAD>の間にいれてましたっ＾＾；
<BODY>の間に入れたらちゃんと動くようになりました//
ありがとうございましたっ。
▼
▼
▼
　 No.9649　HPに画像を表示させる
[☆りる☆] [ブラウザ]　 08/03/09 (日) 17:03
ＨＰを作っている最中なんですが、素材などを頂いて
いざＨＰに貼ろうとしたのですが全然「×」ばかり出て表示できません。やり方がおかしいのかと思って、新しいフォルダを作って保存しなおしたのですがやっぱり表示されません。
ちゃんと半角英数にしたのですがそれでもダメでした。
どこのサイトさんのやり方を試しても無理でした。
何が悪いのでしょうか？また、やはり私のやり方が悪いのでしょうか？
画像の貼り方について詳しく教えていただけるとうれしいです。またＨＰを作っている画面で表示できるとどのような画面になるのか教えてください。お願いします。
▼
▼
▼
　 No.9650　Re:HPに画像を表示させる
[atom] [ブラウザ]　 08/03/09 (日) 21:22
画像が表示されない問題は初心者に多く、たびたび同じ質問があるので「HP作成の予備知識」で、その問題について解説しています。
一度お読みください。

それでも解決できない場合は一度そのページのアドレス（URL）を記述してください。
調査します。
▼
▼
▼
　 No.9651　Re^2:HPに画像を表示させる
[☆りる☆] [ブラウザ]　 08/03/10 (月) 02:02
なんとか出来たと思います！
やっと画像がでました。これでなんとか出来そうです。
とりあえずよかったです。
また分からなくなったらお聞きしたいと思います。
本当に有難うございました。
▼
▼
▼
　 No.9645　attachEventにつきまして
[seisuzuk] [ブラウザ]　 08/03/06 (木) 19:17
度々恐れいります。attachEvent()は第二引数に関数名を記述するようになっていますが、この関数には引数を設定できません。これでは、どのオブジェクトから関数が呼ばれたが分りません。
$("cImg").attachEvent('onclick', func);
いくつか解説はあるようですが、理解できません。引数のない関数でどのようにThis、this.idなどのマークを得るのでしょうか。お教えください。
▼
▼
▼
　 No.9646　Re:attachEventにつきまして
[atom] [ブラウザ]　 08/03/06 (木) 19:40
ここはＨＰ作成の質問箱であって、プログラムの作り方を説明する場所ではありません。

質問の仕方にご注意ください。
▼
▼
▼
　 No.9647　Re^2:attachEventにつきまして
[seisuzuk] [ブラウザ]　 08/03/06 (木) 19:54
申し訳ありませんでした。私はより簡単にHPを作成する方法として、DOMの記述をお教え頂きたいと存じておりました。単にプログラムの記述法をお聞きいたしたのではないことをご了解ください。ご迷惑をお掛けいたしました。
▼
▼
▼
　 No.9648　Re^3:attachEventにつきまして
[atom] [ブラウザ]　 08/03/06 (木) 22:24
ええ、質問の意図は理解してますが、ここのサイトはどちらかというと初級者のためのサイトです。
ですから、HTML等を中心としたページ作りを主体で解説しています。

DOMを使うなどは中級者以上になりますので、そういった関連のサイトでご質問するようお願いします。
▼
▼
▼
　 No.9642　innerHTMLとouterHTMLの違いを具体的にお教えください。
[seisuzuk] [ブラウザ]　 08/03/06 (木) 12:29
ご多忙中に恐れいります。上記について、資料調査では具体的な違いが理解できません。
添付資料について、具体的な解説をお願いいたします。
不勉強の割りに無理なことをしているとは思いますが、初心者ですのでお許しください。
▼
▼
▼
　 No.9643　Re:innerHTMLとouterHTMLの違いを具体的にお教えください。
[atom] [ブラウザ]　 08/03/06 (木) 12:56
添付資料が添付されてませんので、質問の意図がわかりませんが、innerHTMLとouterHTMLの違いなら、次のページの解説を読めば理解できるのではないでしょうか？

http://msdn2.microsoft.com/ja-jp/library/system.windows.forms.htmlelement.outerhtml(VS.80).aspx
▼
▼
▼
　 No.9644　Re^2:innerHTMLとouterHTMLの違いを具体的にお教えください。
[seisuzuk] [ブラウザ]　 08/03/06 (木) 18:04
資料添付を致したのですが、不可であったと思われます。
ご指摘の解説を元に再考いたします。
いつも早速にご回答頂き有難うございます。
▼
▼
▼
　 No.9638　画像が表示されません。
[なみ] [ブラウザ]　 08/03/03 (月) 21:30
こちらのサイトに書いてある通りに画像を
貼り付けて、FFFTPで画像もダウンロードしたのに
サイト上には表示されていません。

何が原因なのでしょうか??
▼
▼
▼
　 No.9639　Re:画像が表示されません。
[atom] [ブラウザ]　 08/03/03 (月) 22:37
ダウンロードではなく、アップロードの間違いですかね？

ここのサイトの「HP作成の予備知識」は読まれましたか？
画像が表示されない場合の対処方法などが書かれてます。
▼
▼
▼
　 No.9640　Re:画像が表示されません。
[なみ] [ブラウザ]　 08/03/04 (火) 00:19
atom様、返信ありがとうございます。

ダウンロードではなく、アップロードの間違いでした；；

予備知識の方も読ませて頂いて、色々と確認したり
試してみたのですが、表示されなくて…。
自分でも原因が分からなくて困ってます；
▼
▼
▼
　 No.9641　Re:画像が表示されません。
[なみ] [ブラウザ]　 08/03/04 (火) 00:32
画像が表示されました。

すみません、ありがとうございました。
▼
▼
▼
　 No.9632　imageファイルのダウンロードを禁止する
[seisuzuk] [ブラウザ]　 08/02/27 (水) 08:21
ご多忙中恐れ入りますが、お教えください。
サンプルのWEｂページを「ファイル」/「名前を付けて保存」すると、imageデータがダウンロードされない場合がありますが。特定のフォルダーのimageデータのダウンロードを禁止する方法があるのでしょうか。
▼
▼
▼
　 No.9633　Re:imageファイルのダウンロードを禁止する
[atom] [ブラウザ]　 08/02/27 (水) 08:46
そのページはこのサイトのことですかねぇ．．
特に禁止しているつもりはないのですが、もし、ここのサイトのページなら教えて下さい。
確認してみます。

他のサイトの場合、可能ならアドレス（url）を記述いただければこちらでも調べてみます。

それとは別で、画像をダウンロードできなくする方法は、サーバー側の設定（apache側）なら可能だったような気がします。
記憶が定かではないので、調査しましたが、今見つけることができませんでした。
▼
▼
▼
　 No.9635　Re^2:imageファイルのダウンロードを禁止する
[seisuzuk] [ブラウザ]　 08/02/27 (水) 16:25
早速にありがとうございました。
atomさんのサイトではありません。
ご指摘のようにサーバー側の設定と思います。
apache側でなく簡単に設定する方法があるかと思いお尋ねしました。
有難うございました。
▼
▼
▼
　 No.9629　alphaEDITの画像表示について・・・
[mio] [ブラウザ]　 08/02/26 (火) 23:04
お忙しい中申し訳ありません。

質問させていただきたいのですが、alphaEDITにてＨＰ作成をしています。
一つのページに画像をいくつか表示したいのですが、５つ目表示すると最初の画像が消えてしまいます・・・。
一つのページに表示される画像数やバイト数は決まっているのでしょうか？

トップページから他のページにジャンプする時に、「掲示板」「メール」などの言葉ではなくボタン画像からジャンプしたいので、いくつか表示したいのですが・・・。

過去ログも調べたのですが、見つかりませんでした。既出でしたら申し訳ありません。
▼
▼
▼
　 No.9630　Re:alphaEDITの画像表示について・・・
[atom] [ブラウザ]　 08/02/27 (水) 07:30
テストで、小さなカウンタ画像を１０個表示してみましたが問題なく表示されたまま編集できます。

ボタンですからそんな大きな画像ではないでしょうし、
何が原因なのでしょうかねぇ．．

どうしても解決しないなら、一度保存してブラウザで表示できるか確認してみたらどうなりますか？
▼
▼
▼
　 No.9637　Re^2:alphaEDITの画像表示について・・・
[mio] [ブラウザ]　 08/02/27 (水) 22:36
一つ一つ画像表示を設定する度に保存をするようにしたら、次の画像がちゃんと表示されるようになりました！

何が問題なのかは分かりませんが、atomさんの「保存」という言葉でなんとか解決できました（＾－＾）

本当にありがとうございました！
▼
▼
▼
　 No.9627　スタイルシートやジャバスクリプト内のコメント
[ごんべい] [ブラウザ]　 08/02/26 (火) 20:18
初めての質問です。よろしくお願いします。

スタイルシートやジャバスクリプトのコードの中には、コメントが設定されていますが、その意味を教えていただけませんか？

例えばスタイルシートでは
<style type="text/css">
<!--
//-->
</style>
のように記述されますが、その中の
<!-- //-->
は、必要ないように思うのですが…。

ちなみに自分のサイトで <!-- //-->　を外して試してみましたが、
スタイルシート・ジャバスクリプトともに、支障ないように表示されます。
しかしながら、意味もなくそのように記述されるわけもないので、その意味を教えて頂きたいのです。
よろしくお願いします。
▼
▼
▼
　 No.9628　Re:スタイルシートやジャバスクリプト内のコメント
[atom] [ブラウザ]　 08/02/26 (火) 22:07
スタイルシートやJavascriptは、HTML言語ではありませんね。
しかし、HTML文書の中に記述することがあります。

基本的にタグでくくるから問題はないのですが、古いブラウザによっては、これが正しく処理できなくて、そのままソースが表示されることがあります。

今となってはそんなブラウザを使ってる人は少ないと思いますが、HTML言語以外なので、念のため注釈としての「<!-- -->」で括るのが通念となってるのです。

必ず、最新のブラウザで見るというなら省略もできますが、ユーザーを特定するわけにもいかないでしょう？
▼
▼
▼
　 No.9631　Re^2:スタイルシートやジャバスクリプト内のコメント
[ごんべい] [ブラウザ]　 08/02/27 (水) 07:41
atomさん、回答ありがとうございます。
よくわかりました。
▼
▼
▼
　 No.9614　『ページでエラーが…』の解決の仕方を教えてください。
[有嶋] [ブラウザ]　 08/02/11 (月) 03:39
目を通してくださってありがとうございます。
色々検索もしてみたのですが、ＨＰ初心者のため意味も良く分からず、どこを直せばいいのか困っています。
エラーの詳細は以下になります。


ライン：89
文　字：29
エラー：終了していない文字列型の定数です。
コード：0


ちなみにサイトデザインは２フレーム（右側が変わるもの）で、この表記が出るのはリンクページのみです。
ページが見れないわけではありませんし、リンク先にも飛べます。
一応サイトアドレスを記載しておきますので、そちらの方を見ていただければと思います。

詳しい方、分かる方がいらっしゃいましたら是非教えてください。
▼
▼
▼
　 No.9615　Re:『ページでエラーが…』の解決の仕方を教えてください。
[atom] [ブラウザ]　 08/02/11 (月) 11:16
IE7.0で確認したところ、73行目でエラーが発生していました。

発生箇所は、
onmouseout=lmsg.innerHTML='ここに説明が出ます。'"

の「"（ダブルクォーテーション）」が1個しかありません。
開始の「"」が無いようですよ。
▼
▼
▼
　 No.9616　Re^2:『ページでエラーが…』の解決の仕方を教えてください。
[有嶋] [ブラウザ]　 08/02/11 (月) 14:47
atomさん、わざわざ調べてくださってありがとうございました。

教えて頂いたとおりに直したところ、無事正しく表示されるようになりました。

本当にありがとうございました！
▼
▼
▼
| Back | Next | Page-10

　一覧 / 詳細

page update：11/07/06 21:02

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom