Monthly
New Article
09/08
pad twitpic memo
08/17
CentOS6 setup memo
06/30
曲紹介が長くなる・・・
02/04
水の歴龍 - 蒼の孤島 攻略
01/13
炎の歴龍 - 紅の孤島 攻略
01/07
パズドラ始めました(去年の話)
09/17
club nintendo 2012
05/27
6/9にむけてラフマニノフ練習中
05/19
独自ドメイン設定メモ2
02/13
yui3でカレンダー
12/13
DS DQ5-5
11/20
ハワードのリスト独奏曲全集セット
11/18
TwitterProfileMemo
11/15
足立の花火2011
11/05
レモン家鍋
11/04
誕生25周年記念ドラゴンクエスト展
08/28
PCに入ってるソフトmemo
08/21
FFT for iphone (PSP)
08/01
DS版DQ4タイムアタック
07/18
DS DQ5-4
07/18
DS DQ5 -3
07/03
DS版DQ6クリア後メモ
06/19
トルネコ一発素もぐりクリア
04/03
原発とエネルギーについて
Recent Comment
Categories
<
[03/04]
Haorutia
@MP3音質チェック!
>
<
[02/25]
SgjvHo
@PhotoShifter
>
<
[02/25]
SmsQY
@PhotoShifter
>
<
[02/24]
WTeMA
@DS版DQ4タイムアタック
>
<
[02/24]
qcCZQ
@DS版DQ4タイムアタック
>
<
[02/23]
AvNMHf
@DS版DQ4タイムアタック
>
<
[02/23]
xgmjAJ
@DS版DQ4タイムアタック
>
<
[02/22]
OBareM
@DS版DQ4タイムアタック
>
<
[02/22]
wodzez
@PhotoShifter
>
<
[02/22]
fVXYeriz
@PhotoShifter
>
<
[02/22]
FPQxMOPh
@DS版DQ4タイムアタック
>
<
[02/22]
TXszNkwu
@DS版DQ4タイムアタック
>
<
[02/22]
XaMQbz
@DS版DQ4タイムアタック
>
<
[02/22]
jQPOzSSo
@DS版DQ4タイムアタック
>
<
[02/22]
XpfSXG
@DS版DQ4タイムアタック
>
<
[02/22]
kGoiBQGd
@DS版DQ4タイムアタック
>
<
[02/21]
XFEzXsX
@DS版DQ4タイムアタック
>
<
[02/21]
iDWQgLoM
@DS版DQ4タイムアタック
>
<
[02/21]
GsbnhD
@PhotoShifter
>
<
[02/21]
vnNxq
@DS版DQ4タイムアタック
>
<
[02/21]
VbkWZaEn
@DS版DQ4タイムアタック
>
<
[02/20]
yNArLEnE
@DS版DQ4タイムアタック
>
<
[02/20]
iCbDkM
@DS版DQ4タイムアタック
>
<
[02/20]
oOgXpHvl
@DS版DQ4タイムアタック
>
<
[02/20]
QUwKc
@PhotoShifter
>
2008/11/29 (Sat) 19:14
/
Blog
/
ようやくブログをFireFoxでも崩れないように表示させた…(3.0.4で確認)
普段はIE6(Sleipnir)を使用しています,それで長く考えていたがようやく原因がわかった…
text-alignという文字や画像の位置を指定できるHTMLタグが存在するのだが,これをDivブロックの位置を指定しようとして用いていた事が原因…
<div style="text-align:center">
<div class="entrybox">
ブログの内容
</div>
</div>
という風に,entryboxというブロックを中央に動かそうとして使用していてIEではうまく表示できていたのだが,
なんとこれは正確な表記ではなくFireFox他では正しく認識されないということが判明した…
で,正確な表現はというと,text-align:centerの部分をmargin-left:auto:margin-right:auto;とすればいいらしい…
※本当はもっと細かい事になるのだが,ひとまずこれで解決はした
自分の場合はスタイルシートを使用しているので.cssにクラス指定で記述する事によりこれは解決したのだが,次に問題となるが主にpaddingによる余白の解釈の違い…
こればっかりは全て直していたら面倒でどうしようもないのでmarginと値をうまく調整して表示をごまかした…
そうはいっても行間や余白がFireFox3では詰められてIEでは詰められないであるとか手のつけようのない違いが多い気がする…
■参考サイト
・CSS簡易リファレンス - 余白関連
・アフィリエイトは儲かんないってば:IEとFirefoxの表示の差・再び - livedoor Blog(ブログ)
・ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト
・clearは「floatの解除」ではない
普段はIE6(Sleipnir)を使用しています,それで長く考えていたがようやく原因がわかった…
text-alignという文字や画像の位置を指定できるHTMLタグが存在するのだが,これをDivブロックの位置を指定しようとして用いていた事が原因…
<div style="text-align:center">
<div class="entrybox">
ブログの内容
</div>
</div>
という風に,entryboxというブロックを中央に動かそうとして使用していてIEではうまく表示できていたのだが,
なんとこれは正確な表記ではなくFireFox他では正しく認識されないということが判明した…
で,正確な表現はというと,text-align:centerの部分をmargin-left:auto:margin-right:auto;とすればいいらしい…
※本当はもっと細かい事になるのだが,ひとまずこれで解決はした
自分の場合はスタイルシートを使用しているので.cssにクラス指定で記述する事によりこれは解決したのだが,次に問題となるが主にpaddingによる余白の解釈の違い…
こればっかりは全て直していたら面倒でどうしようもないのでmarginと値をうまく調整して表示をごまかした…
そうはいっても行間や余白がFireFox3では詰められてIEでは詰められないであるとか手のつけようのない違いが多い気がする…
■参考サイト
・CSS簡易リファレンス - 余白関連
・アフィリエイトは儲かんないってば:IEとFirefoxの表示の差・再び - livedoor Blog(ブログ)
・ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト
・clearは「floatの解除」ではない
PR
▼Comment
03/04 Haorutia
02/25 SgjvHo
02/25 SmsQY
02/24 WTeMA
02/24 qcCZQ
02/23 AvNMHf
02/23 xgmjAJ
02/22 OBareM
02/22 wodzez
02/22 fVXYeriz
02/22 FPQxMOPh
02/22 TXszNkwu
02/22 XaMQbz
02/22 jQPOzSSo
02/22 XpfSXG
02/22 kGoiBQGd
02/21 XFEzXsX
02/21 iDWQgLoM
02/21 GsbnhD
02/21 vnNxq
02/21 VbkWZaEn
02/20 yNArLEnE
02/20 iCbDkM
02/20 oOgXpHvl
02/20 QUwKc