window


この質問記事は解決しています。
トップページ > 記事閲覧
*編集画面とプレビュー画面でのずれについて
日時: 2010/12/17 09:53
識別: ID:GwzdfTFJ6nS1
名前: るん
おはようございます。
いつもお世話になっています。
よろしくお願いします。

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

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

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

メンテ

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

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

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

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

nnさん

こんにちはm(__)m
いつもお世話になっています。
テンプレートは、前回と同じ、
bluegreenさんのhttp://bluegreen.jp/template/
から、http://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ユーザーさんがいたら検証してくれるかもしれません。


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

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

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

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


あとついでにCSSチェッカー
http://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
名前: るん
参照: http://fukukurulife.com/

こんばんは

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

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

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

後日、報告します。
ありがとうございました。m(__)m
メンテ
Re: 編集画面とプレビュー画面でのずれについて ( No.5 )
日時: 2010/12/17 23:08
名前: るん
状態: 解決!
参照: http://fukukurulife.com/

nnさん

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

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

ありがとうございました。m(__)m
メンテ
- ( No.6 )
日時: 2011/12/07 09:04
名前: d251.osa20nn1fm11.vectant.ne.jp

#SPAM

メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存