HPの画面表示がずれているのですが・・・



パソコントラブル解決・過去ログTOP  >  ログTOP

◇-?|HPの画面表示がずれているのですが・・・-まつ(2004/8/1-00:12)No.150642
　┗??|Re:HPの画面表示がずれているの...-ぷ～さん(2004/8/1-07:02)No.150670
　　┣??!|Re:HPの画面表示がずれている�...-まつ(2004/8/1-10:52)No.150687
　　┃┣??!!|Re:HPの画面表示がずれている...-ｏ２ｋａ(2004/8/1-11:17)No.150695
　　┃┣??!|Re:HPの画面表示がずれている�...-テツヤ(2004/8/1-13:34)No.150717
　　┃┗??!!|Re:HPの画面表示がずれている...-ぷ～さん(2004/8/1-15:01)No.150734
　　┃　┣??!!|Re:HPの画面表示がずれている...-テツヤ(2004/8/1-16:24)No.150747
　　┃　┃┣??!!!|Re:HPの画面表示がずれてい�...-ぷ～さん(2004/8/1-17:13)No.150756
　　┃　┃┗??!!?|Re:HPの画面表示がずれてい�...-まつ(2004/8/3-17:53)No.151156
　　┃　┃　┗??!!?!|Re:HPの画面表示がずれてい...-テツヤ(2004/8/3-21:33)No.151214
　　┃　┃　　┗??!!?!【ありがとう】|Re:HPの画面...-まつ(2004/8/3-23:27)No.151270
　　┃　┃　　　┣??!!?!【ありがとう】!|Re:HPの画�...-ぷ～さん(2004/8/4-07:05)No.151326
　　┃　┃　　　┃┗??!!?!【ありがとう】!|Re:HPの画�...-テツヤ(2004/8/4-13:48)No.151381
　　┃　┃　　　┃　┗??!!?!【ありがとう】!!|Re:HPの画...-ぷ～さん(2004/8/4-18:42)No.151440
　　┃　┃　　　┗??!!?!【ありがとう】!|Re:HPの画�...-テツヤ(2004/8/4-12:41)No.151368
　　┃　┃　　　　┗??!!?!A!【ありがとう】|Re:HPの画...-まつ(2004/8/4-13:04)No.151373
　　┃　┗??!!?|Re:HPの画面表示がずれてい�...-まつ(2004/8/3-18:00)No.151158
　　┗??!|Re:HPの画面表示がずれている�...-ｏ２ｋａ(2004/8/1-10:57)No.150689
▲このページのトップに戻る
150642?|HPの画面表示がずれているのですが・・・まつ 2004/8/1-00:12

メーカー名：富士通
OS名：WindowsXP
パソコン名：C
--
HPのトップページに、画像が画面を横切る(右端から画像が
出てくる)ようにエフェクトを設定したのですが、全体の画
面表示がずれてしまいます。どうしたらしっかりおさまるでしょうか？

文字では表現しにくいので、お時間をいただければ実際その画面
を見ていただきたいのですが。申し訳ありません。

http://www5f.biglobe.ne.jp/~karateka

▲このページのトップに戻る
150670??|Re:HPの画面表示がずれているのですが・・・ぷ～さん 2004/8/1-07:02
記事番号150642へのコメント
>HPのトップページに、画像が画面を横切る(右端から画像が
>出てくる)ようにエフェクトを設定したのですが、全体の画
>面表示がずれてしまいます。どうしたらしっかりおさまるでしょうか？

ずれてる？ってのがよくわかりませんが？

▲このページのトップに戻る
150687??!|Re:HPの画面表示がずれているのですが・・・まつ 2004/8/1-10:52
記事番号150670へのコメント
ぷ～さんさんは No.150670「Re:HPの画面表示がずれているのですが・・・」で書きました。
>>HPのトップページに、画像が画面を横切る(右端から画像が
>>出てくる)ようにエフェクトを設定したのですが、全体の画
>>面表示がずれてしまいます。どうしたらしっかりおさまるでしょうか？
>
>ずれてる？ってのがよくわかりませんが？
>

実際に画面を見ていただくとわかるかと思うのですが、右端から画像がでます。
その都度下にスクロールバーが表示されてしまうのです。
画面にしっかりおさめたいのですが。すみませんうまく表現できませんで。

▲このページのトップに戻る
150695??!!|Re:HPの画面表示がずれているのですが・・・ｏ２ｋａ 2004/8/1-11:17
記事番号150687へのコメント
>実際に画面を見ていただくとわかるかと思うのですが、右端から画像がでます。
>その都度下にスクロールバーが表示されてしまうのです。

下に？
出ないです。

Opera、Firefox、Ieで見ましたが・・・。

▲このページのトップに戻る
150717??!|Re:HPの画面表示がずれているのですが・・・テツヤ 2004/8/1-13:34
記事番号150687へのコメント
まつさんは No.150687「Re:HPの画面表示がずれているのですが・・・」で書きました。
>>>HPのトップページに、画像が画面を横切る(右端から画像が
>>>出てくる)ようにエフェクトを設定したのですが、全体の画
>>>面表示がずれてしまいます。どうしたらしっかりおさまるでしょうか？
>実際に画面を見ていただくとわかるかと思うのですが、右端から画像がでます。
>その都度下にスクロールバーが表示されてしまうのです。
>画面にしっかりおさめたいのですが。すみませんうまく表現できませんで。
　「overflow:hidden」でしょうか…？。

▲このページのトップに戻る
150734??!!|Re:HPの画面表示がずれているのですが・・・ぷ～さん 2004/8/1-15:01
記事番号150687へのコメント
どういうことかわかったよ。

画面サイズに対して、表示させるサイズが大きいから
下にツールバーが出るんだ。
で、車が右端から出るときにずれるって感じになってるんだ。

とりあえず画面サイズにあったようなページにしないと。

ページのmargin、leftとrightを0pxにして、
<MARQUEE width="100%"><IMG src="画像.gif"></MARQUEE>
の方がわかりやすかもしれない。


▲このページのトップに戻る
150747??!!|Re:HPの画面表示がずれているのですが・・・テツヤ 2004/8/1-16:24
記事番号150734へのコメント
ぷ～さんさんは No.150734「Re:HPの画面表示がずれているのですが・・・」で書きました。
>どういうことかわかったよ。
>
>画面サイズに対して、表示させるサイズが大きいから
>下にツールバーが出るんだ。
>で、車が右端から出るときにずれるって感じになってるんだ。
>
>とりあえず画面サイズにあったようなページにしないと。
>
>ページのmargin、leftとrightを0pxにして、
><MARQUEE width="100%"><IMG src="画像.gif"></MARQUEE>
>の方がわかりやすかもしれない。
　この場合は、BODYの範囲を超えたときにどうするか…固定してスクロールさせないようにしないとダメだと思うんですが、どうでしょうね…。
　カーソルにくっついてくるキャラのこともあるし…。

追加修正：
>とりあえず画面サイズにあったようなページにしないと。
　ごもっともです。

▲このページのトップに戻る
150756??!!!|Re:HPの画面表示がずれているのですが・・・ぷ～さん 2004/8/1-17:13
記事番号150747へのコメント
テツヤさんは No.150747「Re:HPの画面表示がずれているのですが・・・」で書きました。
>ぷ～さんさんは No.150734「Re:HPの画面表示がずれているのですが・・・」で書きました。
>>どういうことかわかったよ。
>>
>>画面サイズに対して、表示させるサイズが大きいから
>>下にツールバーが出るんだ。
>>で、車が右端から出るときにずれるって感じになってるんだ。
>>
>>とりあえず画面サイズにあったようなページにしないと。
>>
>>ページのmargin、leftとrightを0pxにして、
>><MARQUEE width="100%"><IMG src="画像.gif"></MARQUEE>
>>の方がわかりやすかもしれない。
>　この場合は、BODYの範囲を超えたときにどうするか…固定してスクロールさせないようにしないとダメだと思うんですが、どうでしょうね…。
>　カーソルにくっついてくるキャラのこともあるし…。

確かに　(^^ゞ

Javaを使ってるからなぁ。

>
>追加修正：
>>とりあえず画面サイズにあったようなページにしないと。
>　ごもっともです。
>

▲このページのトップに戻る
151156??!!?|Re:HPの画面表示がずれているのですが・・・まつ 2004/8/3-17:53
記事番号150747へのコメント
テツヤさんは No.150747「Re:HPの画面表示がずれているのですが・・・」で書きました。
>ぷ～さんさんは No.150734「Re:HPの画面表示がずれているのですが・・・」で書きました。
>>どういうことかわかったよ。
>>
>>画面サイズに対して、表示させるサイズが大きいから
>>下にツールバーが出るんだ。
>>で、車が右端から出るときにずれるって感じになってるんだ。
>>
>>とりあえず画面サイズにあったようなページにしないと。
>>
>>ページのmargin、leftとrightを0pxにして、
>><MARQUEE width="100%"><IMG src="画像.gif"></MARQUEE>
>>の方がわかりやすかもしれない。
>　この場合は、BODYの範囲を超えたときにどうするか…固定してスクロールさせないようにしないとダメだと思うんですが、どうでしょうね…。
>　カーソルにくっついてくるキャラのこともあるし…。
>
>追加修正：
>>とりあえず画面サイズにあったようなページにしないと。
>　ごもっともです。
>

ありがとうございます。申し訳ありません。初心者なもので、ちょっと解決策が
難しくてどうしたいいのかわからないのですが。
簡単に言うとどうしたらいいのですか？方法が知りたいです。すみません！！

▲このページのトップに戻る
151214??!!?!|Re:HPの画面表示がずれているのですが・・・テツヤ 2004/8/3-21:33
記事番号151156へのコメント
まつさんは No.151156「Re:HPの画面表示がずれているのですが・・・」で書きました。
>ありがとうございます。申し訳ありません。初心者なもので、ちょっと解決策が
>難しくてどうしたいいのかわからないのですが。
>簡単に言うとどうしたらいいのですか？方法が知りたいです。すみません！！
　つまりBODYの範囲より要素が超えるのが原因。
　対策はスタイルシートの修正《
<BODY style="overflow:hidden">
》とすればいいんです。
　しかし、これをやると、スクロールが出来なくなります。画面上を範囲指定～そのまま隠れた部分までマウスカーソルを持ってくとスクロールは出来るのですが、面倒ですよね。
　だから、画面の表示範囲…内容を小さくする必要があるんです。
　IE5.5に対応している場合だと、「overflow-x:hidden」と、横方向のみの指定も出来ます。因みに私のPC1はまだIE5.0なんです。
　下のスクロールバーはぷーさんの方法（MARQUEE要素使用）だと、車のキャラには対応できると思いますが、マウスカーソルにくっついてくるキャラには対応できません。しかし、画面のスクロールは自由に出来ます。

▲このページのトップに戻る
151270??!!?!【ありがとう】|Re:HPの画面表示がずれているのですが・・・まつ 2004/8/3-23:27
記事番号151214へのコメント
テツヤさんは No.151214「Re:HPの画面表示がずれているのですが・・・」で書きました。
>まつさんは No.151156「Re:HPの画面表示がずれているのですが・・・」で書きました。
>>ありがとうございます。申し訳ありません。初心者なもので、ちょっと解決策が
>>難しくてどうしたいいのかわからないのですが。
>>簡単に言うとどうしたらいいのですか？方法が知りたいです。すみません！！
>　つまりBODYの範囲より要素が超えるのが原因。
>　対策はスタイルシートの修正《
><BODY style="overflow:hidden">
>》とすればいいんです。
>　しかし、これをやると、スクロールが出来なくなります。画面上を範囲指定～そのまま隠れた部分までマウスカーソルを持ってくとスクロールは出来るのですが、面倒ですよね。
>　だから、画面の表示範囲…内容を小さくする必要があるんです。
>　IE5.5に対応している場合だと、「overflow-x:hidden」と、横方向のみの指定も出来ます。因みに私のPC1はまだIE5.0なんです。
>　下のスクロールバーはぷーさんの方法（MARQUEE要素使用）だと、車のキャラには対応できると思いますが、マウスカーソルにくっついてくるキャラには対応できません。しかし、画面のスクロールは自由に出来ます。
>
度重なる質問に丁寧に答えてくださり、本当にありがとうございます。
要するに何かをとれば何かを捨てるようになりますかね。
ところで、友人に画面のずれがあるかと聞くと、ないらしいのですが、
こういった違いはやはり起こるものなのですか？

▲このページのトップに戻る
151326??!!?!【ありがとう】!|Re:HPの画面表示がずれているのですが・・・ぷ～さん 2004/8/4-07:05
記事番号151270へのコメント
TABLEタグを入れたら、両方できるかも。

<TABLE width=100%">
<TBODY>
<TR>
<TD width="100%"><MARQUEE width="100%"><IMG src="../images/kuruma.gif"></MARQUEE></TD>
</TR>
</TBODY>
</TABLE>

ちなみに、JavaScriptで、マウスポインタに画が付いてくる設定ですよね。
マウスを一番右端に持ってきても、下にスクロールバーが出てきて
ずれるって感じになると思いますよ。

試しに、

<HTML>
<HEAD>
<TITLE></TITLE>


<style type="text/css">
<!--
.mouse { position:absolute; visibility:visible; top:-100; left:-200;}
//-->
</style>


</HEAD>


<BODY>
<TABLE width=100%">
<TBODY>
<TR>
<TD width="100%"><MARQUEE width="100%"><IMG src="../images/kuruma.gif"></MARQUEE></TD>
</TR>
</TBODY>
</TABLE>


<script language="JavaScript">
<!--

/*　画像の設定 src=の所に画像のパスを設定する */
var mouse = new Array();
mouse[0] = new Image(); mouse[0].src = "../_image/ham_0.gif"; //移動してるときの画像。
mouse[1] = new Image(); mouse[1].src = "../_image/ham_1.gif"; //リンクにあわせた時の画像。
mouse[2] = new Image(); mouse[2].src = "../_image/ham_2.gif"; //ステイしたときの画像。


function changeImage(n) {
if(document.onmousemove != null) {
if(document.layers) {
document.layers[lovemouse_id].document.images[lovemouse_imgName].src = mouse[n].src;
}
else if(document.all) {
document.images[lovemouse_imgName].src = mouse[n].src;
}
}
}


function moveImage(e) {
pos = 15; //位置制御

if(document.layers) {
document.layers[lovemouse_id].moveTo(e.x+pos, e.y+pos);
}
else if(document.all) {
document.all(lovemouse_id).style.posTop = document.body.scrollTop + event.clientY + pos;
document.all(lovemouse_id).style.posLeft= document.body.scrollLeft + event.clientX + pos;
}
return true;
}


function click() {
if(document.layers) {
obj = document.layers[lovemouse_id];
}
else if(document.all) {
obj = window;
}

if(document.onmousemove == null) {
obj.document.images[lovemouse_imgName].src = mouse[0].src;
document.onmousemove = moveImage;
}
else {
obj.document.images[lovemouse_imgName].src = mouse[2].src;
document.onmousemove = null;
}
}

//------------------------------------//

var lovemouse_id = "LoveMouse";
var lovemouse_imgName = "Mouse";

document.write("<span id='" +lovemouse_id+ "' class='mouse'>");
document.write("<img src='" +mouse[0].src+ "' width=60 height=60 id='" +lovemouse_imgName+ "' name='" +lovemouse_imgName+ "'>");
document.write("</span>");

if(document.layers) {
document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN);
document.onmousedown = click;
}
else if(document.all) {
document.body.onclick= click;
}

document.onmousemove = moveImage;


//-->
</script>



<a href="http://www.yahoo.co.jp/" onMouseover="changeImage(1)" onMouseout="changeImage(0)">
yahoo
</a>


</BODY>
</HTML>

▲このページのトップに戻る
151381??!!?!【ありがとう】!|Re:HPの画面表示がずれているのですが・・・テツヤ 2004/8/4-13:48
記事番号151326へのコメント
ぷ～さんさんは No.151326「Re:HPの画面表示がずれているのですが・・・」で書きました。
>function click() {
　ちょっと気になるな…。Obj.click()…つまりclickメソッドを使わないんなら可能かもしれないけど…。
　私…この前、name名に「if」とかの予約語を使ったらやはり異常な動作をした。使うのは悪い事は知っていたけど、検索の都合でなにかしら動いていたから、大丈夫かな…と、そのまま使ってました…。で、修正して「Aif」にした…。

▲このページのトップに戻る
151440??!!?!【ありがとう】!!|Re:HPの画面表示がずれているのですが・・・ぷ～さん 2004/8/4-18:42
記事番号151381へのコメント
ありゃ？へんかな？
JavaScriptの勉強してかなりになるからなぁ。
付いてくるのって使わないし。

本を見ながらウル覚えでやったんだけど。

♪～(￣。￣) ←トボケガオ

▲このページのトップに戻る
151368??!!?!【ありがとう】!|Re:HPの画面表示がずれているのですが・・・テツヤ 2004/8/4-12:41
記事番号151270へのコメント
まつさんは No.151270「Re:HPの画面表示がずれているのですが・・・」で書きました。
>要するに何かをとれば何かを捨てるようになりますかね。
>ところで、友人に画面のずれがあるかと聞くと、ないらしいのですが、
　「画面のずれ」って人によって感じ方が変わるんじゃないでしょうか？、そちらのページを観て、それを「ずれ」とは思わなかったし、…というか「そうなるのが当たりまえ」で、いつも流している感じですね。
　ぷーさんのマーキー式にするだけでいいと思います。あとは妥協…。
　「ずれ」というのは、例えば「画面が左に動いた」とかを言うんじゃないですか？、この場合は、「<A href="#アンカー">」で、終点アンカー「<A name=アンカー>」でこれが文章の右の方にあると、作用させた時に起こりますよね。

>こういった違いはやはり起こるものなのですか？
　とにかく範囲を超えるそうなります。そういう仕組みでしょう。その為にスタイルシートのoverflowプロパティーが有るんでしょうね…。

　他に良い方法が有れば、…みんなカキコ！…かな？。

▲このページのトップに戻る
151373??!!?!A!【ありがとう】|Re:HPの画面表示がずれているのですが・・・まつ 2004/8/4-13:04
記事番号151368へのコメント
テツヤさんは No.151368「Re:HPの画面表示がずれているのですが・・・」で書きました。
>まつさんは No.151270「Re:HPの画面表示がずれているのですが・・・」で書きました。
>>要するに何かをとれば何かを捨てるようになりますかね。
>>ところで、友人に画面のずれがあるかと聞くと、ないらしいのですが、
>　「画面のずれ」って人によって感じ方が変わるんじゃないでしょうか？、そちらのページを観て、それを「ずれ」とは思わなかったし、…というか「そうなるのが当たりまえ」で、いつも流している感じですね。
>　ぷーさんのマーキー式にするだけでいいと思います。あとは妥協…。
>　「ずれ」というのは、例えば「画面が左に動いた」とかを言うんじゃないですか？、この場合は、「<A href="#アンカー">」で、終点アンカー「<A name=アンカー>」でこれが文章の右の方にあると、作用させた時に起こりますよね。
>
>>こういった違いはやはり起こるものなのですか？
>　とにかく範囲を超えるそうなります。そういう仕組みでしょう。その為にスタイルシートのoverflowプロパティーが有るんでしょうね…。
>
>　他に良い方法が有れば、…みんなカキコ！…かな？。
>
ありがとうございました。またわからないことがあったらお願いします！

▲このページのトップに戻る
151158??!!?|Re:HPの画面表示がずれているのですが・・・まつ 2004/8/3-18:00
記事番号150734へのコメント
ぷ～さんさんは No.150734「Re:HPの画面表示がずれているのですが・・・」で書きました。
>どういうことかわかったよ。
>
>画面サイズに対して、表示させるサイズが大きいから
>下にツールバーが出るんだ。
>で、車が右端から出るときにずれるって感じになってるんだ。
>
>とりあえず画面サイズにあったようなページにしないと。
>
>ページのmargin、leftとrightを0pxにして、
><MARQUEE width="100%"><IMG src="画像.gif"></MARQUEE>
>の方がわかりやすかもしれない。
>
>
そうなんです！
そこでページを画面サイズに合わせるというのが本を見てマニュアル通りにＨＰ
をつくった自分にはどうやったらいいのかいまいちわからないのですが。
初心者レベルで教えていただけると助かります。
すみません応用がきかなくて・・・。　

▲このページのトップに戻る
150689??!|Re:HPの画面表示がずれているのですが・・・ｏ２ｋａ 2004/8/1-10:57
記事番号150670へのコメント
ぷ～さんさんは No.150670「Re:HPの画面表示がずれているのですが・・・」で書きました。
>>HPのトップページに、画像が画面を横切る(右端から画像が
>>出てくる)ようにエフェクトを設定したのですが、全体の画
>>面表示がずれてしまいます。どうしたらしっかりおさまるでしょうか？
>
>ずれてる？ってのがよくわかりませんが？

ですね～～～。

エフェクトを入れない場合(本来)のトップページを
index2.html等の名前でuploadしてみてください。

比較対照がないとどこがズレてるのかわからない・・・。

パソコントラブル解決・過去ログTOP  >  ログTOP  >  HPの画面表示がずれているのですが・・・

A1.本ページは参考になりましたか？　又はアドバイスがありますか？
解決　参考になった　参考にならなかった　アドバイスする

A2.何度目の訪問ですか？
初めて来た　　　数度目(２～４)　５回以上来ている　　 管理人:

A3.何か一言どうぞ(アドレスは書くことができません)

A4.アドレスがあればどうぞ(１つまで)


↑↑↑↑よろしければ押してください↑↑↑↑

何か一言(本ページで参考になったならないを含めて残してあります)
◎：解決　○：参考になった　×：参考にならなかった　！：アドバイスあり

参考回数投稿日時何か一言
(社)日本お助け隊
人間関係のトラブルの相談にのります。
電話相談無料。
和魂カウンセラー認定講座
和魂カウンセラー認定をしています。
全国イベントスケジュール
イベントが登録でき申込みできます。無料。