ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

パレットスタイルを表示するとページがずれてしまいます。

日時: 2006/11/29 10:32
識別: ID3eMJtMkpqeA
名前: 佐藤

ホームページビルダー10の標準モードです。

ページ編集・プレビュー画面いずれも右横に収納されているパレットスタイルを表示した場合、作成しているページ上のロゴ、表などがバラバラにずれて表示されてしまうのですが…。

このページをWEB上に公開した場合、IEで横に表示されるお気に入り画面を表示した時など、同様にバラバラにずれた状態で表示されてしまうのでしょうか?他のサイトを見る限りではページが整列した状態で、右にずれて表示されますが…。

ご回答の程よろしくお願いします。

Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.1 )
日時: 2006/11/29 11:01
名前: Newのり太

> このページをWEB上に公開した場合、IEで横に表示されるお気に入り画面を表示した時など、同様にバラバラにずれた状態で表示されてしまうのでしょうか?

実際に、IEのお気に入りを表示したり、ウィンドウの幅を変えたり、
文字の大きさを変えたりして表示確認してみれば分かると思いますけど。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.2 )
日時: 2006/11/29 11:10
名前: 佐藤

のり太さん、ご回答ありがとうございます。

ですがまだWEB上に公開するまでの準備が整っておりませんので、その確認法は使えません…。

通常パレットスタイルを横に表示した場合は、ズレずに表示されるものなのでしょうか?
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.3 )
日時: 2006/11/29 11:17
名前: 佐藤

すいません…。IEブラウザで表示確認も出来るんですね…
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.4 )
日時: 2006/11/29 11:22
名前: 佐藤

IEで作成中のページを開きお気に入りを表示した所、やはりロゴや文章が改行されたようにズレて表示されてしまいます…。どうすれば通常のサイトのようにズレ無く整列した状態でお気に入りを開く事ができますでしょうか?

何度も申し訳ございません…。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.5 )
日時: 2006/11/29 12:10
名前: Newのり太

webページの表示とはそんなものです。

たいていのブラウザは、なるべく画面領域をすべて使って、
なるべく多くの情報を表示しようとします。
表示しきれない文字などは、折り返され画面内に収まろうとします。

ただし、画面の幅よりも大きな幅を持ったものがあるときは
折り返しではなく、スクロールバーが出て隠れた部分を見えるようにします。

画面に収まりきらないものを、折り返さずスクロールバーを出すようにするには、
ページの内容を固定幅を持ったブロックで囲むなどすればいいです。
ただし、縦はともかく、横スクロールバーの出るページは嫌われることが多いですので、
あまり大きな固定幅を持たせない方がいいかもしれません。


参考FAQ:ウィンドウ・サイズを変えると、表示位置が変になる。
https://www.shoshinsha.com/pukiwiki/pukiwiki.php?%A5%A6%A5%A3%A5%F3%A5%C9%A5%A6%A1%A6%A5%B5%A5%A4%A5%BA%A4%F2%CA%D1%A4%A8%A4%EB%A4%C8%A1%A2%C9%BD%BC%A8%B0%CC%C3%D6%A4%AC%CA%D1%A4%CB%A4%CA%A4%EB
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.6 )
日時: 2006/11/29 12:28
名前: 佐藤

ご回答ありがとうございます。

先程ページをコピーし白紙ページに貼り付け、レイアウト枠で囲んだ所、ロゴ・文章の折り返し表示が解消されました!一度白紙からページを作り直してみます。

のり太さんのご回答のおかげで何とか問題を解決する事ができました。とりあえず再度白紙ページから作り直してみて問題が無いか確認しようと思います。確認後問題無ければ解決の投稿を致します。

のり太さん、この度は本当にありがとうございました。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.7 )
日時: 2006/11/29 12:37
名前: 佐藤

無事解決しました。

のり太さん、ありがとうございました!
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.8 )
日時: 2006/11/29 12:42
名前: Newのり太

レイアウト枠の使用はお奨めできません。
囲むならレイアウトコンテナ(div)で囲みましょう。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.9 )
日時: 2006/11/29 15:42
名前: 佐藤

>>8
> レイアウト枠の使用はお奨めできません。
すみません…何か問題があるのでしょうか?ページを完成させたあと、一括で全てレイアウト枠で囲み、折り返し表示を防ごうと思ったのですが…。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.10 )
日時: 2006/11/29 17:23
名前: Newのり太

表示上も、文書構造上も問題の多いどこでも配置モードは、
ページ内のすべての要素をレイアウト枠(CSSで絶対座標に配置されたdiv要素)
に入れて配置するものです。
なので、レイアウト枠という言葉に条件反射でお奨めしませんと書いてしまいましたが、
ページの内容を全部ひとつのレイアウト枠にひっくるめるのならまあいいか〜、
という気もしてきました。

ソースで、
height : **px;
top : **px;
left : **px;
position : absolute;
z-index : *;
visibility : visible;
↑の部分を削除すれば、ただの「横幅を指定したdiv要素」になるわけですし。
いや、いらんことを言ってしまってすいません。(^^ゞ

とりあえず、少々画面や文字のサイズが変わっても、
閲覧に支障のないようなレイアウトを心がけられるとよいと思います。(逃
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.11 )
日時: 2006/11/30 10:16
名前: 佐藤

のり太さん。

ご返信ありがとうございます。とりあえずこの方法でやってみます。不具合が生じた場合、レイアウトコンテナの方に挑戦してみたいと思います。ありがとうございました。
表を細かい位置に配置するには… ( No.12 )
日時: 2006/12/01 10:07
名前: 佐藤

あまりスレッドの主題と関係無い質問で申し訳ないのですが、表を細かい位置(中央揃え・左揃え・右揃えではなく)、つまり左揃えと中央揃えの中間位の位置に表を持っていきたいのですが、この場合レイアウトコンテナを使う事になるのでしょうか?既出の質問ですが、過去ログの説明では理解し辛かったのでご教授頂ければ幸いです…。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.13 )
日時: 2006/12/01 10:26
名前: Newのり太

表の左側マージン等で、適当に調節すればいいのではないでしょうか。

# 新規スレッドを立てた方がよかったかも。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.14 )
日時: 2006/12/01 10:57
名前: 佐藤


> 表の左側マージン等で、適当に調節すればいいのではないでしょうか。

のり太さんすみません…。上記について詳しくご教授願えませんか?よろしくお願いします。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.15 )
日時: 2006/12/01 11:46
名前: Newのり太

IBMのFAQも、スタイルシート関連については
詳しく書かれているものがないのでとりあえず、
QA:ページの左端に挿入した画像や表を余白なしでレイアウトしてみよう
https://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1493

上記は、ページ全体(body)のマージン、パディングを 0 にしていますが、
同様に、表(table)の左側マージンを適当に指定してみましょう。

関連QA:スタイルの編集画面での設定の違いについて
https://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1067

ホームページビルダーにおけるスタイルシートマネージャーの使い方は、
下記などが参考になるかもしれません。
ttp://hpbuilder.net/
ttp://www.wsb.jp/hpb/upsite/index.html


HTMLやCSSについて、ある程度予備知識をつけておくと理解しやすいと思います。
ttp://www.kanzaki.com/docs/htminfo.html
ttp://www.htmq.com/
ttp://pasokon-yugi.cool.ne.jp/website_kouza/

では、ご健闘を!


# URLを沢山はったのでスパムフィルターにかかるのか、
# エラーで投稿できないので一部URLの h を抜いてあります。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.16 )
日時: 2006/12/01 12:07
名前: 佐藤

のり太さん。

ご回答ありがとうございます。何から何まですみません…。
Re: パレットスタイルを表示するとページがずれてしまいます。 ( No.17 )
日時: 2006/12/01 15:57
名前: 佐藤

のり太さん。

本当にありがとうございました…。
おかげ様で、好みの位置に表を設置する事ができるようになりました。

質問ばかりで申し訳ございませんでしたが、なんとかHPを作っていけそうです。
この度はありがとうございました。

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved