FC2ブログ

スポンサーサイト 


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

--/--/--

Category: スポンサー広告

TB: --  /  CM: --

top △

ブログ記事内の表示が・・・その2 


追記 8/21 17:30

FC2 さんからの連絡はまだありませんが、
今、記事を表示してみると、ログインしなくても意図した表示になっていました。(16:20)

FC2 さんからアドバイスいただいていた
・記事本文の div の css で指定していた overflow: hidden; を削除してみては・・・

そうかな・・・とも思っていたのですが、左右が欠ける部分を指定していた方法は、
新しい div を z-index を変えて前面に出して、相対で左をはみ出す様に・・・(css にて)
z-index で階層を変えれば、下の div の overflow: hidden; の影響は受けないと思ってました。
影響があるのは、同一階層内だけなのでは ???
ま、今まではその解釈で表示できていたと思われます。
ただ、それが正しい仕様(解釈)なのか、わかってません。
影響を受けない・・・・これ、誰の解釈 ??? って言われれば、黙っちゃいますけど・・・

おっと、これを書いていたら FC2 さんから連絡が・・・・
・FC2 さん側のサーバ設定の変更があって、その変更が影響していた
とのことでした。
また、修正された、とのことです。


動画が見れたことが良かったのかなぁ~~~と、自己満足してます
(ここの記事内容は、前回の記事を +動画 +α した程度ですから・・・)
(でも、動画を表示する記事書いておいてよかった~~~~~)

それはさておき、時間を見つけて css 等、もう一度見直してみようと思ってます。


FC2 さんからの回答は、ログインには関係なく、今見えている表示がその通りです・・・・とのこと
また、他の GoogleChromeやFirefoxブラウザでは、
・テーブル内の表示は左寄り
・<div>内に記述している部分の両端は切れている
とのこと・・・・

納得できていないんですけど・・・・

以下が現象を確認した時の動画になります
(携帯電話で撮ったもので、右手操作/左手携帯・・・ブレてますが雰囲気はわかるかと)













手順として
・デスクトップ上のショートカット等隠すために、メモ帳を全域表示
・IE9 のオプションで Cookie 等削除(1番上だけチェックなしの状態で)
・ブログトップを表示 (※1)
・スクロールし、TABLE 内表示が左寄りを確認
・記事「帳票サブフォーム間の同期」を別ウィンドウで表示し、左右が欠ける表示を確認 (※2)
・※1 に戻り、別タブで FC2 ログイン画面を表示し、ログイン
・※2 で、最新の表示に更新(画面上変化なし)
・※2 を行った手順で、記事「帳票サブフォーム間の同期」を別ウィンドウで表示(※3)
 ここで、TABLE/左寄り 左右欠けた部分の表示だったものが意図した表示に・・・正常
・※1 に戻り、別タブでブログトップを表示(※4) TABLE 内意図した表示(中央に)
・FC2 からログアウト
・※3 正常表示だったもので、最新の表示に更新・・・・意図しない(崩れた)表示に移行
・※4 の正常だったブログトップを、最新の表示に更新・・・・(同上)
・続けて、記事「帳票サブフォーム間の同期」を別ウィンドウで表示・・・・意図しない(崩れた)表示

表示がおかしい、意図通り・・・この時のソースに違いはありませんでした。
(実際には違う部分がありましたが、記事後半にある「関連記事」のエントリー部分だけでした)

先の記事にも書きましたが、8/6 時点では、ログインしなくても意図通り正常に見えていました。
FC2 さん曰く・・・・・ログインの有無によって、表示状態に変化はない。

私のブラウザ( IE9 )がおかしいと言われても、シックリこない・・・・・

この現象、うまいこと説明できる方いませんでしょうか・・・・
(ログインの有無で表示が変わる)

この部分、再度 FC2 さんに問い合わせてみます。


なお、過去記事を見ると、左右が欠けたり・・・・(読めるもんじゃありません)
早々に css 等見直さないと・・・・・(私の技量では時間かかります)

テンプレート修正確認用に、以下記述しておきます

----+----1----+----2----+----3----+----4----+----5----+----6----+----7----+----8----+----9----+----A----+----B----+----C

 
----+----1----+----2----+----3----+----4----+----5----+----6----+----7----+----8----+----9----+----A----+----B----+----C

 
----+----1----+----2----+----3----+----4----+----5----+----6----+----7----+----8----+----9----+----A----+----B----+----C

 

あと、テーブルの表示ですが・・・・

テーブル内の th td の 左寄り / 中央 / 右寄り の指定は、css ではなく、都度していました。
例えばテーブルの記述の多くは以下の様な記述にしてました。
<table border="1" bordercolor="#AAAAAA" cellspacing="0" cellpadding="3">
<col align="center" width="40">
<col align="center" width="40">
<col align="center" width="40">
<tr>
<th align="center">an</th>
<th align="center">F1</th>
<th align="center">F2</th>
</tr>
<tr><td>1</td><td>1</td><td>2</td></tr>
<tr><td>2</td><td>2</td><td>4</td></tr>
<tr><td>3</td><td>3</td><td>6</td></tr>
</table>
この表示が以下です(実際には1行で)
anF1F2
112
224
336

先日の記事 帳票サブフォーム間の同期 は上記の書き方になってます。

また、以下の様な記述もしていました。
<table border="1" bordercolor="#AAAAAA" cellspacing="0" cellpadding="3">
<tr>
<th align="center" width="40">an</th>
<th align="center" width="40">F1</th>
<th align="center" width="40">F2</th>
</tr>
<tr><td align="center">1</td><td align="center">1</td><td align="center">2</td></tr>
<tr><td align="center">2</td><td align="center">2</td><td align="center">4</td></tr>
<tr><td align="center">3</td><td align="center">3</td><td align="center">6</td></tr>
</table>
この表示が以下です(実際には1行で)
anF1F2
112
224
336


さて、これが 左寄り になってしまうのは、何故なんでしょう・・・・
(公開後の表示:ログアウト後の表示は、現時点では分かりません)
(うまく中央で表示されていれば良いんですけど)
でも、他の GoogleChromeやFirefoxブラウザでも、左寄り表示になると教えていただいたのですが・・・

本当でしょうか
じゃ・・・中央にするには、どう記述すればよいのでしょうか・・・教えてください。
追記 8/20
下側の記述で良いみたいですね  ログインなしでも中央表示です。
上側はどこが悪いんだろう・・・・8/6 時点ではチャンと見えてたのに・・・
何が変わって・・・・何で表示が変わって・・・・ う~~ん   わからない・・・

上側だった記述を、下側の記述に変更する ??? ・・・・ かなり面倒で、しんどいぞ・・・っと


ちなみに、上記をプレビューで見た時の表示は以下の様な感じです。

ent139_1  ent139_2
関連記事

2012/08/20

Category: このブログについて

TB: --  /  CM: 0

top △

この記事に対するコメント

top △

コメントの投稿

Secret

top △


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。