日記/2007/08/30
をテンプレートにして作成
/
雅屋内検索 powered by Google
トップ
新規
一覧
単語検索
最終更新
ヘルプ
開始行:
*2007年8月30日の日記 [#f4405b59]
**皮 [#xc36cb91]
PukiWikiのスキン、結局こんなカンジに落ち着いたけどどうで...
もう少し手を加える予定だけど、当分はコレでおっけーでしょ。~
ちなみに普段常用してるブラウザはFireFOXなんで、主にコレで...
まず最初にハマったのが、ヘッダの背景画像が表示されなかっ...
原因はコレでした。
修正前:
#header{
background:url("http://masa-ya.jp/skin/masa-ya/masaya-h...
}
修正後:
#header{
background:url("http://masa-ya.jp/skin/masa-ya/masaya-h...
}
結局URLを指定した後の、
&256x(42){半角スペース1個有るか無いか};
が運命の分れ道でした。~
まあ書式的には修正後が正しいワケで、これについては俺のミ...
しかしだ、IEとソレ以外のブラウザをお持ちの方は、ウチのペ...
ビミョーに違うんですよ。~
それは、
&256x(32){コンテンツの枠の面取がIEだと出ない};
んですよ。~
というのも、これは元々[[ベースに使ったスキン:http://pukiw...
.bar{
background-color:#0000FF;
word-break:break-all;
padding:7px 15px 15px 15px;
}
.bar:before{
margin:-7px -15px -9px -15px;
line-height:0.1;
font-size:1px;
height:7px;
content:url("top_left.png");
display:block;
background:transparent url("top_right.png") no-repeat t...
}
.bar:after{
margin:10px -15px -15px -15px;
line-height:0.1;
font-size:1px;
height:7px;
content:url("bottom_left.png");
display:block;
background:transparent url("bottom_right.png") no-repea...
}
やってる事は、まず.barで枠を作って、.barに対する:beforeと...
ところがIE7は、どうもこの:beforeと:afterという部分を解釈...
もうね、ブチキレですよ。~
&256x(42){スペース1コに厳しいクセしやがって};
こういうトコロは放置プレイなワケですよ。~
今アルバイト先のページもリニューアル必死でやってるんです...
そんなけしからんIE6を
&256x(42){無かった事};
にする為のIE7ちゃうんかいオンドレが。~
**で、 [#s8433897]
実は先日までケータイ用スキンを置いてなかったんで苦情が1件...
で、今日思い出して復活させておきました。
そういや先日製作中のアルバイトのページをケータイで表示さ...
今時のケータイのブラウザって、CSSで書いておけば結構見れて...
まあ結局
&256x(42){クソIE6対策};
のおかげで、そのまま流用は出来ないワケですが・・・
てなモンで、実験兼ねてケータイスキンもキチンとやってみた...
しかし遊びのページにこれ以上
&256x(50){現実逃避};
してられんな・・・~
そろそろブチ上げないとリミットが迫りつつ・・・・ギャー~
***コメント [#w5cef741]
#geso(ケータイでみれるようになったんじゃ わしゃうれしゅう...
&new{2007-08-31 13:57:17 (金)};
- うに。最近セキュリティ関係で携帯電話からのブラウジング...
#geso((つД`)IE7じゃないだけいいじゃないですかXPだと7入れ...
&new{2007-08-31 17:13:40 (金)};
#commentx
#back
終了行:
*2007年8月30日の日記 [#f4405b59]
**皮 [#xc36cb91]
PukiWikiのスキン、結局こんなカンジに落ち着いたけどどうで...
もう少し手を加える予定だけど、当分はコレでおっけーでしょ。~
ちなみに普段常用してるブラウザはFireFOXなんで、主にコレで...
まず最初にハマったのが、ヘッダの背景画像が表示されなかっ...
原因はコレでした。
修正前:
#header{
background:url("http://masa-ya.jp/skin/masa-ya/masaya-h...
}
修正後:
#header{
background:url("http://masa-ya.jp/skin/masa-ya/masaya-h...
}
結局URLを指定した後の、
&256x(42){半角スペース1個有るか無いか};
が運命の分れ道でした。~
まあ書式的には修正後が正しいワケで、これについては俺のミ...
しかしだ、IEとソレ以外のブラウザをお持ちの方は、ウチのペ...
ビミョーに違うんですよ。~
それは、
&256x(32){コンテンツの枠の面取がIEだと出ない};
んですよ。~
というのも、これは元々[[ベースに使ったスキン:http://pukiw...
.bar{
background-color:#0000FF;
word-break:break-all;
padding:7px 15px 15px 15px;
}
.bar:before{
margin:-7px -15px -9px -15px;
line-height:0.1;
font-size:1px;
height:7px;
content:url("top_left.png");
display:block;
background:transparent url("top_right.png") no-repeat t...
}
.bar:after{
margin:10px -15px -15px -15px;
line-height:0.1;
font-size:1px;
height:7px;
content:url("bottom_left.png");
display:block;
background:transparent url("bottom_right.png") no-repea...
}
やってる事は、まず.barで枠を作って、.barに対する:beforeと...
ところがIE7は、どうもこの:beforeと:afterという部分を解釈...
もうね、ブチキレですよ。~
&256x(42){スペース1コに厳しいクセしやがって};
こういうトコロは放置プレイなワケですよ。~
今アルバイト先のページもリニューアル必死でやってるんです...
そんなけしからんIE6を
&256x(42){無かった事};
にする為のIE7ちゃうんかいオンドレが。~
**で、 [#s8433897]
実は先日までケータイ用スキンを置いてなかったんで苦情が1件...
で、今日思い出して復活させておきました。
そういや先日製作中のアルバイトのページをケータイで表示さ...
今時のケータイのブラウザって、CSSで書いておけば結構見れて...
まあ結局
&256x(42){クソIE6対策};
のおかげで、そのまま流用は出来ないワケですが・・・
てなモンで、実験兼ねてケータイスキンもキチンとやってみた...
しかし遊びのページにこれ以上
&256x(50){現実逃避};
してられんな・・・~
そろそろブチ上げないとリミットが迫りつつ・・・・ギャー~
***コメント [#w5cef741]
#geso(ケータイでみれるようになったんじゃ わしゃうれしゅう...
&new{2007-08-31 13:57:17 (金)};
- うに。最近セキュリティ関係で携帯電話からのブラウジング...
#geso((つД`)IE7じゃないだけいいじゃないですかXPだと7入れ...
&new{2007-08-31 17:13:40 (金)};
#commentx
#back
ページ名:
メニュー
トップページ
日記
掲示板
白井内燃機工業
ゲーム
電子工作
雑多
備忘録
フリーソフト
ヤフォーク
リンク
しらいまさや
タグ一覧
注意事項
お問い合わせ
↑
更新情報
最新の10件
2024-03-15
RecentDeleted
2024-03-14
自作工具/パンタジャッキ
2019-04-12
備忘録
2018-12-27
備忘録/バイク・車
2017-04-22
自作工具/簡易プレス
2016-09-16
コー
2016-08-21
バイク/CRM50
2015-08-04
備忘録/雅屋
2015-06-10
コメント/雑多な事/取立日記
2015-04-28
車/S230G/トラブル
↑
掲示板最新20件
掲示板RSS
掲示板RSSfeed配信実験中!
↑
COUNTER
Total:
0
Today:
0
Yesterday:
0
↑
ONLINE
32 Online NOW