Gizport
1 回答
0
Share (facebook)
273
view
全般

FC2ホームページでのレイアウト崩れについて (その2) 前回の質...

FC2ホームページでのレイアウト崩れについて (その2)

前回の質問でFC2のホームページのレイアウト崩れの質問をしました。
その後、タグを検証してみました。 1.バックのグレーの部分が見えないようにしたい
これについては「bodyの背景色」がグレー設定しています。
画面の両サイドにグレーの縦の帯状の部分を作りたいので
bodyをグレー設定にして、containerの背景を白の設定で
ページを構成しています。

2.FC2のホームページへ少しずつタグを貼ってアップしたところ
トップページ(index.html)はフッターのタグを貼った時に
レイアウトが崩れます。
貼ったフッターのタグは下記です。

<div id="footer"></div>

ちなみに、スタイルシートが違う他のページも同様に試したところ
上記と同じタグを貼ってもレイアウトの変化は起こりませんでした。


トップページと他のページのスタイルシートの違いは
#page_contentの有無です。
トップページの#page_contentに画像を貼っています。



スタイルシートの内容は下記の通りです。

◎トップページのスタイルシート
body {
color: #000;
font-size: small;
font-family: "MS Pゴシック", Arial, sans-serif;
font-style: normal;
background-color:#abc;
}
#container {
margin: auto;
width: 1100px;
height: 1760px;
background: #FFFFFF;
}
#masthead {
width: 1100px;
height: 189px;
overflow: auto;
background-color: #FFFFFF;
}
#navigation {
width: 1100px;
height: 40px;
margin: 0;
padding: 0;
border: 0;
clear: both;
background-color: #FFFFFF;
overflow: hidden;
font-size: 18px;
}
#page_content {
width: 1100px;
height: 324px;
background-color: #FFFFFF;
}
#column_l {
width: 310px;
height: 1147px;
position: relative;
float: left;
margin: 0 0 0 0;
background-color: #FFFFFF;
padding: 0 0px 0px 0px;
}
#column_r {
width: 790px;
height: 1147px;
float: left;
padding: 0px;
margin: 0 0 0 0;
background-color: #FFFFFF;
}
#footer {
width: 1100px;
height: 60px;
clear: both;
overflow: auto;
text-align: center;
background-color: #FFFFFF;
border-top-style: double;
border-top-width: 3px;
border-top-color: #0000FF;
}

◎他のページのスタイルシート

body {
color: #000;
font-size: small;
font-family: "MS Pゴシック", Arial, sans-serif;
font-style: normal;
background-color:#abc;
}
#container {
margin: auto;
width: 1100px;
height: 1760px;
background: #FFFFFF;
}
#masthead {
width: 1100px;
height: 189px;
overflow: auto;
background-color: #FFFFFF;
}
#navigation {
width: 1100px;
height: 40px;
margin: 0;
padding: 0;
border: 0;
clear: both;
background-color: #FFFFFF;
overflow: hidden;
font-size: 18px;
}
#page_content {
width: 0px;
height: 0px;
background-color: #FFFFFF;
}
#column_l {
width: 310px;
height: 1451px;
position: relative;
float: left;
background-color: #FFFFFF;
margin-top: 20px;
}
#column_r {
width: 790px;
height: 1451px;
float: left;
background-color: #FFFFFF;
margin-top: 20px;
}
#footer {
width: 1100px;
height: 60px;
clear: both;
overflow: auto;
text-align: center;
background-color: #FFFFFF;
border-top-style: double;
border-top-width: 3px;
border-top-color: #0000FF;
}


フッターのタグが原因だというところまでは分かったのですが
そこから先の訂正方法が分からず困っております。
長々とスタイルシートまで書いてしまいお恥ずかしい限りです。

重ねて他の質問になり申し訳ありませんが、
sitakirisuzume567さまより教えていただいた文法チェックのページで
チェックをしました。
私の作成しているページにYahoo地図へリンクする為のタグがあり
そのタグはYahoo地図のページからタグをコピーしたものです。
そのタグが文法チェックで不明な実体参照としてチェックされました。
(`&lat``&lon``&ei``&sc``&datum``&gov``&ac``&az``&layer``&v`)
タグを修正したいのですが、解説を読んでも理解が出来ないでいます。
不明な実体参照について初心者でも勉強できるホームページなどあれば
教えて頂ければ幸いです。


厚かましい質問になり大変恐縮です。
どうぞよろしくお願い申し上げます。
Yahoo!知恵袋 4039日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
>mayonmayoneさん

>「bodyの背景色」がグレー設定しています。

である以上、広告部分もグレーになるのは仕方ないところです。
どうしても白い背景の中に入れたい、なら、白背景を指定している<div>の終了タグをなくすことです。
提示のcssを見ると多分#containerのdivが問題の要素だと思われます。

<body>
<div id="container">
内容
<div id="footer">
</div><!-- /footer -->(開始タグのidをメモしておくと終了タグの位置を編集しやすいです)
<!-- /ここに本来あるはずのcontainerの終了タグを削除して保存 -->
(ここに広告)
</body>

あるいは、グレー背景もdivに指定する。
まあこの場合、広告部分が左右いっぱい白になってしまいますが。
<body>
<div id="backgray">
<div id="container">
内容
</div><!-- /container -->
</div><!-- /backgray -->
(ここに広告)
</body>

body {
background-color:#fff;
}
#backgray {
background-color:#aaa;
}
#container {
background-color:#fff;
}


>そのタグが文法チェックで不明な実体参照としてチェックされました。
>(`&lat``&lon``&ei``&sc``&datum``&gov``&ac``&az``&layer``&v`)

そこは無視していいです。
自分で作ったソースコードでない部分はエラーになってても無視で。
(広告とかスクリプトとか)
Yahoo!知恵袋 4035日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
93
Views
質問者が納得説明書を失くしたら、メーカーのホームページで説明書を探す http://www33.jvckenwood.com/pdfs/LCT2396-001B.pdf 「時計をあわせる」は説明書のP14 P14に書いてある内容 ※デジタル放送受信中は、デジタル放送の信号で配信される ※デジタル放送を受信している時は現在時刻を手動で 修正することはできません。 (入力切替で、地上アナログ放送や、ビデオ等にしておけば、 修正できるという意味だと思うが?) ①リモコンの時計/タイマーを押す ②現在時刻を選び決定 ③日...
3933日前view93
全般
61
Views
質問者が納得>mayonmayoneさん >「bodyの背景色」がグレー設定しています。 である以上、広告部分もグレーになるのは仕方ないところです。 どうしても白い背景の中に入れたい、なら、白背景を指定している<div>の終了タグをなくすことです。 提示のcssを見ると多分#containerのdivが問題の要素だと思われます。 <body> <div id="container"> 内容 <div id="footer"&g...
4039日前view61
全般
64
Views
質問者が納得回答ではありません。 こんなに書いてしまってからエラーが出るようになったのなら ・その印刷範囲のところに書き間違いがあるのでしょう。 プリンタードライバーは? ・プリンタ ドライバがインストールされていないと Excel でページ設定プロパティを使用できないhttp://support.microsoft.com/kb/291298/ja .PageSetupについて http://msdn.microsoft.com/ja-jp/library/office/ff839804.aspx
4284日前view64
全般
59
Views
質問者が納得「ありがとう画面1」を、 #formStart#<textarea style="background:url(##) fixed;" name="Message" cols="30" rows="3" value=""></textarea> #formSubmit_拍手##formEnd# <font size=3 color=#884400><span sty...
4298日前view59
全般
45
Views
質問者が納得一階 とりあえず二体殺す。闇1コンボの4コンボくらいで二体殺せます。 一体で適当にスキル貯め 二階 とりあえず神秘の仮面ぼこぼこに そのあともう一体もぼこぼこに あとは攻撃しないようにスキル貯め 残り一体殺す時は回復して闇ドロたくさんのこして殺してください 三階 前の階でとっておいた闇泥を全体攻撃にしつつ一撃で一掃する 四階 まずドロップ変換ひとつ使用。エキドナも ドロップ変換を惜しまず殴る ドロップ変化を二つ同時に使ったりしたらだめ ゼウス スキル全員開放。 どうせ一撃で殺されるから闇と光はできるだけ消し...
4362日前view45

取扱説明書・マニュアル

1089view
http://www33.jvckenwood.com/.../LCT2396-001B.pdf
92 ページ16.93 MB
もっと見る

関連製品のQ&A