BLOG STAR

個人的趣味やオススメをメモ感覚で掲載し紹介します

日記とWindows&Mac関連のオススメフリーソフトやオススメサービス・オススメ技術情報などをわかりやすく掲載しています。

TomomiX日記「TRASH」
http://blackcat13numbers.blog31.fc2.com/
ブックマーク登録や相互リンクは大歓迎ですのでご自由にどうぞ。その際はコメントいただければ幸いです。なるべく早めにご挨拶に伺います。

2007/08/24　テンプレート作成時での愚痴

FC2共有テンプレートの HTML / CSS を色々参考にして、テンプレートを作成してみました。が、ブラウザ毎の表示が異なるので（当然ですが）、その微調整の方が煩雑・・・。
あ～、Internet Explorer でブログを開くのが日に日にイヤになってきます（涙）

皆さんのモニターからはどう映っているのか、どんな表示エラーが出ているのか、是非教えていただきたいと思います。また、改善方法などの情報も教えていただければ幸いです。

現在ランキングに参加しております。
↓クリックいただけると幸いです↓

Posted at DIS 【2007/08/24】| 愚痴・戯言
個別ページ | Trackback[0] | Comment[8]

← Windows版 Mac標準 Webブラウザ | BLOG TOP | 原宿オススメバーガーショップ →

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

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます

【2007/09/13 21:28】 | # [ 編集]

いえいえ、情報提供大変感謝してます^^
＞そんとくさん
こちらこそご教授いただいたにも係わらず改善しておらずすみません；；
main_txt の margin / padding 設定をなくすと、IE7 での表示がうまくいくことは確認できました。が、Firefox / IE6 での表示がおかしくなります。現象は、余白がなくなるので、端から端まで文字が表示されます。

う～ん、現在は情報を集めつつ、気付かないフリをして放置しています。申し訳ないです；；

【2007/08/30 19:34】 URL | DIS #- [ 編集]

遅れました(^^;)
自分から振っておいて、返信が遅れてしまい申し訳ありません。
実は僕もテンプレートを作成するときに同じ現象に悩みまして、発見した解決策が以前紹介した方法だったのです。
僕の場合は、main_txtにあたる部分にはmarginやpaddingは設定しないようにすれば上手く表示されるようになったのですが。

上手くいきませんでしたか。お役に立てず<(_ _)>

【2007/08/30 19:19】 URL | そんとく #mQop/nM. [ 編集]

IEの表示エラー
IE6：
①sub_txt（POWERED BY FC2）のpadding
IE7：
①sub_txt（POWERED BY FC2）のpadding
②main_txtのpadding
これを直せばとりあえずは安泰になるかと・・・。

【2007/08/27 13:38】 URL | DIS #- [ 編集]

ご指摘ありがとうございます
＞そんとくさん
何故か IE 6 は大丈夫なんですよね。IE 7 の場合のみ、そうなってしまうかと思います。
メインテキスト部分の CSS を修正してはみたのですが、padding 設定をはずし、main_txt p で padding 設定をするというのは以下のようなイメージでしょうか？

ー例ーーー
.main_txt {
　　 width: 100%;
background-color : #ffffff;
font-size : 12px;
~~padding : 10px 15px 15px 15px;~~
margin: 0px 0px 10px 0px;
line-height : 1.6em ;
}

.main_txt p {
padding : 10px 15px 15px 15px;
}
ーーーーー

試してみましたが、変化なく、padding 設定なしの状態のままでした。

【2007/08/26 21:28】 URL | DIS #- [ 編集]

こんばんは。テンプレート作成って大変ですよね。
お気づきだとは思いますが、IE系だと、右端の文字が消えてしまいます。
原因は、main_txtのところでpaddingを設定しているところにあります。IE系だとここの設定値が390という幅にプラスされてしまうようです。左右15ずつ取っているようですので、テキスト表示欄が30だけ右側に伸びてしまい、一文字表示されなくなるんです。
回避するには、main_txtにはpaddingを設定せず、main_txt pを作ってそこにpaddingを設定すると大丈夫だと思います。実際のテンプレートにはpをいれなくても問題ありません。
僕も独学でしか知らないので、他にも方法はあると思いますけどね(^^;)

ちなみに、スタイルシートはSleipnirの機能を使って拝見させて頂きました。

【2007/08/24 23:05】 URL | そんとく #mQop/nM. [ 編集]

Blog Peopleのカラム崩れ→解決
プラグイン内と Blog Peopleで生成されたリストタグ重複が原因（バカ）

【2007/08/24 17:56】 URL | DIS #- [ 編集]

Googleマップ上の表示化け→解決
メインテキストの透過性をなくしたらマップが綺麗に表示できました。透過ページはちょっとお気に入りだったのですがねぇ（汗）

【2007/08/24 13:35】 URL | DIS #- [ 編集]

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

| BLOG TOP |

この記事に対するトラックバック

トラックバックURL
http://creeddiskence.blog112.fc2.com/tb.php/18-3e247323
この記事にトラックバックする(FC2ブログユーザー)

MAIN MENU

PROFILE

管理者：DIS

管理者：DIS

東京出身で仕事は神奈川。
現在は IT関連の会社に所属。
大規模な会社ではないため、メインの営業とマーケティングの他に、事務作業からホームページ作成など色々やっとります。

趣味はネットサーフィンにブログ作成。オンラインゲームやSNSなど。休日は嫁さんと美味しいもの食べに行くことが多いです。

動物も好きで、特に猫やハムスターには癒されます。家ではジャンガリアンというハムスターを飼ってます。

詳細は以下を参照ください。