解決済

clip!clip!
Ads By Google

レイアウト…表示位置について

なのですが、IEで閲覧すると、左によってしまいます。
なぜこうなってしまうのか分からなく、できたら真ん中に表示したいのですが、
どなたか解決策をご存知の方はよろしくお願いします。

2006-06-17 00:36の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-06-17 03:20:50ベスト
まず、ヘッダーに被せてある巨大な・・・これは透明 gif なのかな? これが原因のまずひとつめ。CSS の中にその記述が見当たらないところを考えると、管理画面の " カスタマイズ/管理 " の中の 『 ブログの説明 』 の中にこの透明 gif を表示させるタグを仕掛けたんだと思うんだけど、その設定ができていません。

CSS 内の #banner,#subbanner{ } の中に記述しているヘッダー画像が center 表示に指定されているのに対して、この透明 gif は CSS の中の、.description{ } の指示を受けて表示されています。

その指示は、padding:0 400px 0 5px; と書かれているように、右側から 400px 寄りなさいと命令されています。そりゃこのままだと左側に片寄りますね。これをこういう表記に変更しましょう。↓

.description{
color:#656565;
font-size:12px;
padding:0 400px 0 5px;
}

これを↓

.description{
text-align:center;
}

次に、左サイドカラムが落ちています。これは左サイドカラムのフリーエリアの中に記述している HTML タグと画像が原因です。というより、どこでこういう画像の貼り方を覚えたのでしょうか? フリーエリアの中をやり直してください。現在こうなっています。↓

<html><br>
<head><br>
</head><br>
<body background= align="left"><br>
<font color="#000">気が向けば相互リンクなんていかがでしょう(^^)</font><br>
<img src=" ;
<a href=" ;HMC-BBS</a><br>
<a href=" ;映画部画像掲示板</a><br>
<a href=" ;ただ喋るだけ</a><br>
<a href=" ;物理学から模索する。</a><br>
<br>
<br>
<br>
<br>
<br>
<br>
</body><br>
</html>

フリーエリア内に<html></html><head></head><body></body> などの余計なタグは入れてはいけません。

※ 字数制限のためコメント欄 >>#1 に続きを書きます。
回答レベル : 回答

おおおおおおお!
直りました!!こんなにも詳しく説明していただいて
本当にありがとうございます。
カスタマイズって難しいですね。自分も頑張って覚えていきたいです。
本当にありがとうございました。

Ads By Google

コメント(4)

#1.  AQ
2006-06-17 03:35:56

それで整理したタグをここに記述しようとは思うのですが、
わからない事が 2つ ばかしあります。

これだけ <br> を使用して改行する必要があるのか?
もうひとつは、この画像なのですが ・・・
http://parts.blog.livedoor.jp/img/usr/solid_state_...

この画像の存在の意味がわかりません。
現在は表示されていませんよね?

とりあえず現在表示されていない画像 ( 背景に使用したい? ) は削除し、<br> の個数は変えずに、整理したタグを書きますね。↓

#2.  AQ
2006-06-17 03:36:15

<br>
<br>
<br>
<br>
<font color="#000">気が向けば相互リンクなんていかがでしょう(^^)</font><br>
<img src="http://image.blog.livedoor.jp/kentcky0316/imgs/d/e...; width="200" height="40"><br>
<a href="http://jbbs.livedoor.jp/sports/25715/">;HMC-BBS</a><br>
<a href="http://m-pe.tv/u/page.php?uid=hmcawakening&amp...;映画部画像掲示板</a><br>
<a href="http://blog.livedoor.jp/remo_con/">;ただ喋るだけ</a><br>
<a href="http://physics-life.cocolog-nifty.com/">;物理学から模索する。</a><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

これで、まずは正しく表示されると思います。何か補足質問があればコメント欄にお書きください。

2006-06-17 12:04:05

さすがに専門的な知識をお持ちなんですね、AQさん
僕なんか「適当に弄ってたら上手く行った」とかばっかですよ

#4.  AQ
2006-06-18 03:47:30

> booboさん
直ったみたいですね (^^)
ベストありがとうございました。

トラックバック(2)

トラックバックURL: