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

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

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

編集画面とプレビュー画面でのずれについて

日時: 2010/12/17 09:53
識別: IDsqgx0/ryuyA
名前: るん

おはようございます。
いつもお世話になっています。
よろしくお願いします。

前回質問から、サイト構築やっていますが、
昨日、CSSのどこかをいじったためか?

編集画面で、#main の部分がずれて、高さの分だけ、下にズレてしまいました。
600ピクセルぐらいだと思います。
つまり、2カラムのページで右にサブメニューのページを作ってますが
そこの一番上のラインとメインの部分の一番上のラインがずれてしまいました。
ざっくり、下に落ちたような感じです。
ですが、プレビュー画面では、普通になっています。

この場合、とても編集しにくく、なんとか元に戻したいです。
すみません。
お知恵お貸しください。
よろしくお願いいたします。
(;_;)

Re: 編集画面とプレビュー画面でのずれについて ( No.1 )
日時: 2010/12/17 13:04
名前: nn

ビルダーのバージョンによっては、編集画面がスタイルシートに十分対応していないから、場合によってはグダグダになることがある。
その場合はソース編集→プレビューを繰り返してやりすごすしかないかな。

まあ、具体的な回答が欲しければ、具体的な資料を出さないと。
どーしてもURLを明かさない主義のようですが、現物見ないとどなたも答えにくいと思うよ。

現状、医者に電話で診察しろと言ってるようなもんです。
Re: 編集画面とプレビュー画面でのずれについて ( No.2 )
日時: 2010/12/17 13:47
名前: るん
参照: https://fukukurulife.com/

nnさん

こんにちはm(__)m
いつもお世話になっています。
テンプレートは、前回と同じ、
bluegreenさんのhttps://bluegreen.jp/template/
から、https://bluegreen.jp/template/sample/fabric/ をお借りしています。

これは
テンプレート名 ・・・ fablic

カラム ・・・ 2カラム 上メニュー

作り込み ・・・  html CSS

です。

urlはどーしても明かさないのではなく、まだ出来ていない(トップページも)
ので、お恥ずかしい限りです。ご不快な思いをさせてしまい、申し訳ありません。
なので、まだ構築中で転送していません。
今回、とりあえず、転送してみます。トップページのみですが。
たぶん、、転送すると、普通の画面だと思いますが
ビルダー14 OS XPで開くと、編集画面で、真ん中写真つきの部分が
ドーンとスライドして下に行き、右メニューの一番下、
横に付きます。今、転送しました。
色々問題のある、画面でお恥ずかしい限りです。m(__)m
トップページのみになります。

よろしくお願いします。
Re: 編集画面とプレビュー画面でのずれについて ( No.3 )
日時: 2010/12/17 20:03
名前: nn

まあ予想は出来た事なんですけど、うちのビルダーのバージョンが古いんで編集画面でのレイアウト崩れが『より』禿しく(スタイルシートへの対応が十分でないため)、おまけにutf-8に非対応なので文字化けするわで(おそらく質問者さんのver14で見るよりもえらいことになっていると思います。)、現象を再現できませんでした。
なのでビルダーの仕様なのか、ページに原因があるのかちょっとわかりませんでした。

>>0 の説明から「段落ち」のような感じかとも思ったけど、プレビューでは問題ないってことだしな〜・・・。はて?

仕様なら仕方ないんですけど、オリジナルで問題なくどこか弄ってからおかしくなったのなら弄ったところが怪しいということになるかな。
スタイルシートに精通してるver14ユーザーさんがいたら検証してくれるかもしれません。


とりあえず文法チェッカーにかけたら結構エラーが出たのでそのあたりからぼちぼち修正してみては?

https://openlab.ring.gr.jp/k16/htmllint/htmllinte.html

https://aimix.jp/hpbbbs/patio/patio.cgi?room=&mode=view2&f=3983&no=5
↑に出てきた初期設定やるだけでも空要素タグに関するエラーはなくなると思います。
https://hpbuilder.net/v10_xhtml.html

ただ、マークアップ上レイアウト崩れの原因になるとしたら、line60前後のリスト部分ぐらいかな〜。


あとついでにCSSチェッカー
https://jigsaw.w3.org/css-validator/



> たぶん、、転送すると、普通の画面だと思いますが

OPERAだとスタイルシートが効いてないみたいだな〜。うちだけ?
オリジナルの方は問題ないんだけど。



あと、4行目の
<base href="file:///C:/Documents and Settings/fukukurulife/My Documents/HP/fabric/fabric/index.html">
なんらかの意図がないなら削除しておきましょう。


# 今のとこヲイラが思いつくのはこれぐらいです。
# CSSまで全部追うほどの気力もスキルもないです。
# 「つぶやき」みたいな回答(笑)でごめんね〜。



> urlはどーしても明かさないのではなく、まだ出来ていない(トップページも)
> ので、

作ってる途中で問題が出てるんだから、作ってる途中のものをそのまま見せる方が、あれこれ言葉で説明するより早くて確実だと思いません?
Re: 編集画面とプレビュー画面でのずれについて ( No.4 )
日時: 2010/12/17 20:23
名前: るん
参照: https://fukukurulife.com/

こんばんは

るんです。
nnさん ありがとうございます。m(__)m
とにかく、教えていただいた事、やってみます。

>作ってる途中で問題が出てるんだから、作ってる途中のものをそのまま見せる方
>が、あれこれ言葉で説明するより早くて確実だと思いません?

おっしゃる通りです。
知識もあまりなく、何度やっても駄目で
かなり、テンパッてました。
でも、がんばります。

後日、報告します。
ありがとうございました。m(__)m




Re: 編集画面とプレビュー画面でのずれについて ( No.5 )
日時: 2010/12/17 23:08
名前: るん
参照: https://fukukurulife.com/

nnさん

色々ありがとうございました。m(__)m
CSSを直接、構築、やってみましたが、直らず
お手上げで、これ以上、時間がかけられないので、
もう一度、一からやり直して、トップページのみ
転送しました。

勉強になりますね。
がんばります。

ありがとうございました。m(__)m

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