もうかれこれ１０年以上。
テキストメニュー
■馬鹿発言(451件)
■ショートぼやき(13件)
■普通日記(120件)
■ゲーム実況(48件)
+ キャプテン翼2(41件)
+ ドラゴンボール大魔王復活(5件)
+ 平成新・鬼ヶ島(1件)
■クソゲー？クリアレポート(48件)
+ 星をみるひと(8件)
+ ウィザードリィ(7件)
+ シャドウゲイト(12件)
+ ディジャブ(1件)
+ 正義の味方(13件)
+ ドラゴンクエスト１(7件)
■無駄ゲーム(28件)
■無駄世界(43件)
+ 友人Ｋ体験レポート(13件)
■普通のゲームレビュー(11件)
■俺ソフト（RPGツクール）(4件)
■レトロゲーを楽しむ(3件)
■パチ報告(1件)
■参加型企画(8件)
+ テキスツ下克上(8件)
■ショートぼやき(13件)
■普通日記(120件)
■ゲーム実況(48件)
+ キャプテン翼2(41件)
+ ドラゴンボール大魔王復活(5件)
+ 平成新・鬼ヶ島(1件)
■クソゲー？クリアレポート(48件)
+ 星をみるひと(8件)
+ ウィザードリィ(7件)
+ シャドウゲイト(12件)
+ ディジャブ(1件)
+ 正義の味方(13件)
+ ドラゴンクエスト１(7件)
■無駄ゲーム(28件)
■無駄世界(43件)
+ 友人Ｋ体験レポート(13件)
■普通のゲームレビュー(11件)
■俺ソフト（RPGツクール）(4件)
■レトロゲーを楽しむ(3件)
■パチ報告(1件)
■参加型企画(8件)
+ テキスツ下克上(8件)
最新テキスト
■カーシェア・ラプソディ(06/28)
■会ったことのない友人の噂(07/19)
■もう時効だろうから毒吐くわ(07/04)
■ゲーム実況の苦悩・PS2編(02/28)
■ゲーム関連のネット番組の裏方やる事に(01/09)
■会ったことのない友人の噂(07/19)
■もう時効だろうから毒吐くわ(07/04)
■ゲーム実況の苦悩・PS2編(02/28)
■ゲーム関連のネット番組の裏方やる事に(01/09)
コメント
■夏の日の１９９３
+ 乃愛(02/01)
+ 乃愛(02/01)
■もう時効だろうから毒吐くわ
+ 元新人(08/31)
+ めいぱぱ(08/31)
■遂にやってしまいましたよ・・・
+ 元新人(10/27)
+ 乃愛(02/01)
+ 乃愛(02/01)
■もう時効だろうから毒吐くわ
+ 元新人(08/31)
+ めいぱぱ(08/31)
■遂にやってしまいましたよ・・・
+ 元新人(10/27)
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
月別テキスト
人気テキスト
- 歴史は繰り返される (25)
- 星野鉄郎の変遷 (22)
- カーシェア・ラプソディ (19)
- ゲーム実況の苦悩・PS2編 (18)
- ひぐらしのなく頃に祭〜カケラ遊び〜 (16)
リンク
検 索
プロフィール
ログイン
現在のモード: ゲストモード
俺つぶやき
なんか買うてやー
月１万はイケるね
月１００万とか夢みたいなこと
言ってないで、目先の１万円に
飛びついたらいいと思います。
俺は大体月２万くらい、これで
稼いでます。パソコンで文章を
打つのが得意だったら、絶対に
おすすめ。月１万はでかいよー
お知らせ
>> HOME > 普通日記
2009,05,30 / 10:43
５日ほど前に、当ブログコンテンツ「夏の日の１９９３」のアクセス数が、１日で２００を突破してたんですが・・・なぜいきなり。
これがアクセスランキング１位て、なんか俺としては不本意。
 | 冬の日の2009
class 松本一起 enzo R and C Ltd.( C)(M) 2008-12-03 売り上げランキング : 40976 おすすめ平均  Amazonで詳しく見る by G-Tools |
2009,05,31 / 16:12
つーことで、前々（？）より約束していた友達夫婦ん家で飲んできました。そりゃー今まで妊娠→出産で、好きな酒１年以上飲めなかったのがようやく飲めるーなんて言われたら行くしかないっしょ。
前回は飲みすぎて後半ほとんど覚えてないなんていうもったいないことしたので、今回は多少セーブして飲もうと思ったら、嫁さんペースはやいはやい。かつ結構上機嫌。
飲んでる最中「いやー楽しい」を連発されたら、そりゃこっちかてテンション上がって、つい酒の量増えまさーな。
・・・ビールに日本酒にウイスキーは年齢的にもやりすぎだと思った。
もうね、アルコール分解力が如実に落ちてるのをひしひしと痛感しましたよ。あー気持ちわりい。楽しかったけど気持ちわりい。
 | ちゃんぽん・皿うどんセット
comolife 売り上げランキング : Amazonで詳しく見る by G-Tools |
2009,06,01 / 19:00
訪問者参加型企画「真・テキスツ下克上」開催いたします！
小手先の技はいらない。テキスト投稿者もわからない。ただ「おもしろいテキストを書いてそのおもしろさのみを競う」・・・それが「真・テキスツ下克上」です！
■お題は自由。ただし、行き過ぎたシモネタや、公序良俗に著しく反するものは失格とします。
■フォントいじりは一切禁止。行間と内容のみで勝負します。
■テキストファイルで管理人（元新人）にメールにて送信して下さい。
■テキストファイルの内容を「そのまま」ロウヒペイジに掲載。改行などに注意。
■募集人数は５〜１０名程度。集まり次第締め切ります。
■参加を締め切ってから、一気に全員分を当ブログにて掲載。掲載順序は先着順です。
■審査員は当ブログの訪問者。つまり誰が投票するかわかりません。
■投票形式は５段階評価。１つのテキストに対し１回のみ投票可能となります。
■投票結果は投票期間終了後に発表。それまでは閲覧出来ません。
■テキスト投稿者や、投稿者ブログなどは、結果発表時に公表します。
■投稿者名を、テキスト内で登場させないで下さい。 ← 6/7追加
■目安にして大体40文字前後で改行されます。 ← 6/7追加
テキスト公開の際、最初の一行のみを一覧で表示させます。二行目以降は「▽続き」をクリックする事で読めるようになります。
つまり、最初の一行に何を書くかによって、訪問者の閲覧率も変わってくる事が予想されます。インパクトのある一行を狙いましょう！
参加されたい方は
・お題
・ハンドルネーム
・サイト、ブログの名前とＵＲＬ（持ってる方かつ、リンクを張って欲しい人のみ）
を明記の上、テキストファイルをメールにて gekoku@rouhi.jp までお送り下さい。優勝された方は、当ブログのサイドバーよりリンクを張らせて頂きます。また、結果発表時に、テキスト投稿者のサイト全てへ文中リンクを張らせて頂きます。
それでは、アツいテキスト、待ってます！
2009,06,02 / 01:15
ようやくブログスキンが小慣れてきたというか、理想に徐々に近づきつつあります。ある程度まとまってきたので、ここいらで少し休憩・・・
ちなみにＩＥ6と7で確認済み。両方とも表示に相違はなかった。うむ。自分が作ったもんとしては結構見やすく仕上がった。
と、ここで当ブログの常連「ＳＡＮＩＴＹ」君よりタレコミ。どうやらFireFox3ではレイアウトが崩れているそうなのだ。なにぃ！？ちょっと前はＩＥ7に悩まされ、お次はネスｋ・・・もとい、FireFoxだと？
さすがにそのブラウザは使ってなかった。仕方ない。FireFoxをダウンロードして表示させてみようか。
アハハハ何この物体。
参った。まさかここまで崩れてるとは。これ、俺の技術で直せるんだろうか・・・半分お手上げ状態なんすけど・・・orz
2009,06,02 / 21:30
昨日から何時間、HTMLやCSSと向き合った事か。何時間borderとmarginとpaddingとwidthとdivで悩んだ事か。もうしばらくCSS見たない・・・orz
でもまあ折角色々いじって何とかなったんで、今回勉強になった事をつらつらと羅列していこうかなと。なんでHTMLやCSSに全く興味がない人は、読む気しないと思います。しかもかなりな長文。とにかく形に残したいという自己満足ですイェー。
■!DOCTYPEが相当重要
HTMLの頭に書く宣言ですが、HTMLだけならそう意識しなくてもいいっていうか、書かなくてもなんとかなるんですが、CSS使う人にはめっちゃ重要。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">みたいな感じのやつです。HTML書いた人なら見たことあるかと。
俺はこれを全く理解してませんでした。挨拶みたいなもんかと思ってたわけで。でもこの!DOCTYPEによって、ブラウザのCSSにおける解釈が、標準準拠モードと後方互換モードに切り替わります。
わかりやすく言っちゃうと、標準準拠モードは折り目正しいマニュアル君なだけに融通が利かない、後方互換モードは融通が利くが、多少の間違いも勝手に解釈してしまうクセがあると、こんな感じですね。
CSSをしっかり正しくやりたいのであれば、迷わず標準準拠モードの!DOCTYPE宣言をしましょう。さきほど書いたタグがそれにあたります。俺はそれを知らなかった為に、今回の間違いを起こしました。
■FireFox3での不可思議な現象？
今回の俺は、ブログスキン制作の際、どのブラウザでも後方互換モードになるよう宣言してた（後で知ったんですけどね）わけです。しかし不思議な事に、IE6や7では後方互換で解釈されるのに、なぜかFireFox3では、標準準拠で解釈されていました。
これが今回のレイアウト崩れの最大の原因でした。だったら、IEでも標準準拠モードで認識されるようにすれば・・・と宣言しなおしたら、今度はIEがレイアウト崩れ発生・・・しかもFireFox3でもさほど崩れは治らず・・・orz
■borderとpadding
この２つの要素が今回最大の難敵。今まで俺が使ってたCSS、つまり後方互換モードにおける動向と、今回採用した標準準拠モードにおける動向とでは全く異なります。これを知らないとまず間違いなくレイアウト崩れを起こします。
例えばwidthで300px指定したブロックがあるとしましょうか。
後方互換でそのブロックにborderで1pxの線を引くと、そのブロックの横幅は合計で302pxになります。罫線はブロックの外側に引かれるという事。
でも標準準拠では、罫線はブロックの内側に引かれ、その分ブロック自体が外に押し広げられる事に。結果としては同じですが、標準準拠の場合、borderだけではなく、paddingでも同じ。
幅が300pxで、1pxのボーダーで囲われた、左右のpaddingの合計が10pxのブロックを作りたい場合のwidthの値は
１．後方互換・・・298px（左右の罫線1px、合計2pxをマイナス）
２．標準準拠・・・278px（左右の罫線及び、左右のパディング、合計2px＋20px=22pxをマイナス）
つまり、標準準拠の場合、paddingもブロック内に押し込められ、かつ数値分そのブロックが押し広げられるという感じ。
・・・なーんか変なの。width指定してんのに、他の要因で指定したwidth通りにならないって。一般的に正しいとされてるのは、標準準拠らしいんですけど、後方変換のほうがわかりやすいしめんどくさくないんだけどなあ。
幅300pxのブロック
width278px、padding10pxの表示
width298px、padding10pxの表示
※当ブログでは、標準準拠モードで見えるように!DOCTYPE宣言してる為、ほとんどの方が、上のブロックが300pxに見えていると思います。
■CSSファイル編集時のインデント
テキストエディタでCSSファイルを編集している際に
.menu_bar{
font-size:12px;
background-color:#FFFFFF;
}
こんな感じに、TABキー1回押して、左端に半角2文字分のインデントをつけて、ソースを読みやすくしてるんですが、まさかこれがネックになるとは思ってもみませんでした。
IEではこれで全然問題ないんですが、どうもFireFoxだとうまく読み取ってくれません。インデントとしてではなく、全角1文字として認識しちゃってんのかも。
試しに全部インデント消して、代わりに半角1文字分のインデントに修正したら、直ったんですねこれが。これに気づくまでが一番時間かかったし。
・・・というわけで、やたら時間はかかりましたが、一応IEでもFireFox3でも見た目ほとんど同じってところまで修正しました。ネット検索しても、なかなか知りたい情報を得られなかったのが最大の敗因。
IEでキレイに表示されてても、FireFox3では目も当てられないという状況はちょいちょいあるようで。ブロガーは一度FireFox3ダウンロードして、自分のブログ見てみるといいです。
試しにFC2でブログやってる友達のサイトみたら、罫線がほとんど表示されておらず、まっちろなページでした。うわー。業者側で用意したブログスキンにも不具合でてんのか。こりゃ大変だ。
なんで、まずFireFox3で見た目を確認して、IEで検討したほうが、作業が少なくて済むと思います。２日間でこんだけHTMLとCSSの勉強したのはじめてだわ。報告くれたSANITY君、ありがとーう！
・・・て長。こんなん誰が読むんだ・・・orz
Copyright © ジカンノロウヒペイジ All Rights Reserved.