スマフォ用サイト


スマフォ用サイトのQRコード

このページを共有


今月のカレンダー



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

カテゴリ一覧

ただの日記(965)
原付生活(3)
子育て日記(11)
PC関連(11)
もろもろ日記(908)

競馬+POG(1589)
当たらない予想と反省会(707)
POGネタ(58)
競馬について考える(18)
競馬もろもろ(219)
ダービーウィーク!(14)
2011年競馬場訪問記(27)
2012年競馬場訪問記(53)
2013年競馬場訪問記(61)
2014年競馬場訪問記(40)
2015年競馬場訪問記(44)
2016年競馬場訪問記(25)
2017年競馬場訪問記(36)
2018年競馬場訪問記(39)
2019年競馬場訪問記(34)
2020年競馬場訪問記(24)
2021年競馬場訪問記(37)
2022年競馬場訪問記(51)
2023年競馬場訪問記(70)
2024年競馬場訪問記(17)
地方競馬馬主(5)
ひとくち馬主(3)

ホームページ製作(366)
PHPの備忘録(13)
CSSの備忘録(5)
JavaScriptの備忘録(2)
ホームページもろもろ(287)
Flashの備忘録(12)
管理人の備忘録(21)
スマフォ用サイト作成(19)

自宅サーバ(360)
FreeBSD(17)
Apache(4)
PHP(5)
MySQL(17)
サーバもろもろ(145)
障害連絡(131)
リニューアルプロジェクト 2011-2012(41)

お仕事(48)
お仕事(48)

旅の記録・水曜どうでしょう関連(43)
水曜どうでしょう(11)
2009年四国お遍路(6)
2009年アンコールワット(5)
2010年ベトナム(3)
2010年いっそ九州(5)
2010年北海道179市町村(5)
2011年春の一人旅(2)
2011年四国お遍路(6)


先月までのネタ

2024年
2024年3月(4)
2024年2月(8)
2024年1月(13)

2023年
2023年12月(11)
2023年11月(8)
2023年10月(10)
2023年9月(7)
2023年8月(9)
2023年7月(10)
2023年6月(6)
2023年5月(10)
2023年4月(5)
2023年3月(4)
2023年2月(6)
2023年1月(6)

2022年
2022年12月(9)
2022年11月(8)
2022年10月(5)
2022年9月(5)
2022年8月(2)
2022年7月(6)
2022年6月(9)
2022年5月(3)
2022年4月(3)
2022年3月(4)
2022年2月(7)
2022年1月(5)

2021年
2021年12月(8)
2021年11月(9)
2021年10月(4)
2021年9月(3)
2021年8月(2)
2021年7月(6)
2021年6月(12)
2021年5月(2)
2021年4月(8)
2021年3月(2)
2021年2月(7)
2021年1月(2)

2020年
2020年12月(8)
2020年11月(3)
2020年10月(4)
2020年9月(1)
2020年8月(2)
2020年7月(7)
2020年6月(6)
2020年5月(9)
2020年4月(11)
2020年3月(8)
2020年2月(5)
2020年1月(9)

2019年
2019年12月(4)
2019年11月(5)
2019年10月(7)
2019年9月(2)
2019年8月(2)
2019年7月(8)
2019年6月(2)
2019年5月(3)
2019年4月(2)
2019年3月(4)
2019年2月(3)
2019年1月(1)

2018年
2018年12月(8)
2018年11月(5)
2018年10月(10)
2018年9月(6)
2018年8月(1)
2018年7月(7)
2018年6月(5)
2018年5月(7)
2018年4月(19)
2018年3月(3)
2018年2月(3)
2018年1月(11)

2017年
2017年12月(14)
2017年11月(11)
2017年10月(18)
2017年9月(18)
2017年8月(21)
2017年7月(29)
2017年6月(26)
2017年5月(23)
2017年4月(18)
2017年3月(11)
2017年2月(11)
2017年1月(16)

2016年
2016年12月(25)
2016年11月(24)
2016年10月(30)
2016年9月(15)
2016年8月(16)
2016年7月(15)
2016年6月(18)
2016年5月(30)
2016年4月(28)
2016年3月(29)
2016年2月(26)
2016年1月(32)

2015年
2015年12月(30)
2015年11月(29)
2015年10月(30)
2015年9月(27)
2015年8月(28)
2015年7月(28)
2015年6月(28)
2015年5月(29)
2015年4月(30)
2015年3月(28)
2015年2月(26)
2015年1月(29)

2014年
2014年12月(31)
2014年11月(28)
2014年10月(31)
2014年9月(29)
2014年8月(29)
2014年7月(31)
2014年6月(31)
2014年5月(30)
2014年4月(30)
2014年3月(28)
2014年2月(27)
2014年1月(31)

2013年
2013年12月(29)
2013年11月(27)
2013年10月(29)
2013年9月(27)
2013年8月(28)
2013年7月(28)
2013年6月(29)
2013年5月(29)
2013年4月(30)
2013年3月(26)
2013年2月(24)
2013年1月(29)

2012年
2012年12月(28)
2012年11月(27)
2012年10月(28)
2012年9月(30)
2012年8月(31)
2012年7月(33)
2012年6月(32)
2012年5月(33)
2012年4月(35)
2012年3月(30)
2012年2月(27)
2012年1月(31)

2011年
2011年12月(25)
2011年11月(25)
2011年10月(28)
2011年9月(28)
2011年8月(28)
2011年7月(28)
2011年6月(27)
2011年5月(26)
2011年4月(16)
2011年3月(9)
2011年2月(11)
2011年1月(9)

2010年
2010年12月(12)
2010年11月(11)
2010年10月(8)
2010年9月(13)
2010年8月(10)
2010年7月(20)
2010年6月(6)
2010年5月(9)
2010年4月(2)
2010年3月(3)
2010年2月(5)
2010年1月(8)

2009年
2009年12月(9)
2009年11月(2)
2009年10月(4)
2009年9月(3)
2009年8月(1)
2009年7月(9)
2009年6月(3)
2009年5月(14)
2009年4月(10)
2009年3月(11)
2009年2月(9)
2009年1月(10)

2008年
2008年12月(1)
2008年11月(1)
2008年10月(1)
2008年9月(5)
2008年8月(1)
2008年7月(1)
2008年6月(2)
2008年5月(1)
2008年4月(1)
2008年3月(2)
2008年2月(7)
2008年1月(7)

2007年
2007年12月(11)
2007年11月(7)
2007年10月(8)
2007年9月(12)
2007年8月(11)
2007年7月(5)
2007年6月(16)
2007年5月(8)
2007年4月(2)
2007年3月(14)
2007年2月(2)
2007年1月(8)

2006年
2006年12月(4)
2006年11月(6)
2006年10月(7)
2006年9月(10)
2006年8月(9)
2006年7月(20)
2006年6月(13)
2006年5月(3)

2005年
2005年9月(13)
2005年8月(13)
2005年7月(18)
2005年6月(24)
2005年5月(26)
2005年4月(26)
2005年3月(27)
2005年2月(22)
2005年1月(26)

2004年
2004年12月(29)
2004年11月(29)
2004年10月(26)
2004年9月(23)
2004年8月(12)


最近よく読まれてるネタ



Excel VBAで「SPAT4自動投票システム」を作ってみました。
(2020年7月19日のネタ:72回)

春の岩手競馬開幕! の水沢競馬場へ行ってきました。
(2024年3月10日のネタ:41回)

昨日は船橋競馬場 へ行ってきました。
(2024年3月6日のネタ:32回)

G1予想大会の結果を掲載しました(…即席ですが)
(2011年4月25日のネタ:26回)

「The Sunday Breeze」から、1年ぶりに重大なお知らせです。
(2012年10月12日のネタ:20回)

…来週から、週末予想のタイトルが変わります(…今年初?の祝勝会。)
(2012年5月13日のネタ:20回)

管理人の当たらないG1予想!皐月賞編!
(2012年4月14日のネタ:20回)

明日はダートの祭典・JBC!管理人の当たらない予想!(連続現地観戦は4年でストップ)
(2015年11月2日のネタ:19回)

昨日の水沢競馬場 遠征の帰り道、今日はちょこっと川崎競馬場 へ寄ってきました。
(2024年3月11日のネタ:18回)

【お知らせ】 「The Sunday Breeze」管理人から、皆様に重大なお知らせがございます。
(2015年10月9日のネタ:18回)



最近のコメント



今日は改修工事真っ只中の #京都競馬場 (パークウインズ京都競馬場)へ行ってきました。(チョネ)

本日は笠松競馬場へ行ってきました。(あいべ)

管理人の今年の目標が一つ増えました…。(あああ)

まあそんなに書くことはありませんが…。(momo)

【管理人からご挨拶】 『The Sunday Breeze』は5月25日に開設19周年を迎えます。(アオヤギ)

4月からスタートする「Sunday Breeze POG!」の一部ルール追加について。(アオヤギ)

昨日「Sunday Breeze賞」の観戦に帯広競馬場へ行ってきました。(白イチゴ)

本日5月25日、「The Sunday Breeze」は18回目の誕生日を迎えました。(アオヤギ)

【「G1予想大会」プレリリース終了】皆様のご協力、本当にありがとうございました。(アオヤギ)

【再度お知らせとお願い】今週からの「G1予想大会」、新機能プレリリースを公開中です。(白イチゴ)



ネタの検索



管理人の競馬観戦記録


(2024年)

JRA中山競馬場
1月6日 (中山金杯)
1月14日 (京成杯)
3月2日 (オーシャンS)

JRA小倉競馬場
1月27日

水沢競馬場
3月10日 (奥州弥生賞)

船橋競馬場
1月17日 (ブルーバードC)
1月19日
2月9日
3月5日

川崎競馬場
1月5日
3月11日

笠松競馬場
1月25日

名古屋競馬場
1月19日

姫路競馬場
1月26日

高知競馬場
2月25日 (レジーナディンヴェルノ賞)

佐賀競馬場
1月28日

2012年以降の競馬観戦インデックス


管理人の競馬家計簿


(最近14日分)

2024年3月5日船橋
43勝  回収率:378.4%

2024年3月5日高知
10勝  回収率:0.0%

2024年3月6日船橋
10勝  回収率:0.0%

2024年3月6日高知
10勝  回収率:0.0%

2024年3月7日船橋
10勝  回収率:0.0%

2024年3月8日船橋
21勝  回収率:173.8%

2024年3月9日中山
61勝  回収率:57.9%

2024年3月9日中京
41勝  回収率:84.5%

2024年3月9日阪神
101勝  回収率:24.3%

2024年3月10日中京
10勝  回収率:0.0%

2024年3月10日水沢
82勝  回収率:46.2%

2024年3月10日高知
10勝  回収率:0.0%

2024年3月11日川崎
60勝  回収率:30.3%

2024年3月11日高知
10勝  回収率:0.0%

2024年3月14日川崎
10勝  回収率:0.0%

2024年3月16日中山
11勝  回収率:330.0%

2024年3月16日中京
11勝  回収率:150.0%

2024年3月16日阪神
91勝  回収率:28.8%

2024年3月17日中山
11勝  回収率:125.0%

2024年3月17日阪神
10勝  回収率:0.0%

2024年3月17日帯広
11勝  回収率:153.3%

2024年合計
32569
勝率:21.2%  回収率:66.3%
(万馬券:5本的中)

2023年合計
1772537
勝率:30.3% 回収率:71.2%
(万馬券:11本的中)

2022年合計
2097563
勝率:26.8% 回収率:66.4%
(万馬券:29本的中)

2021年合計
2147527
勝率:24.5% 回収率:67.8%
(万馬券:24本的中)

2020年合計
3046684
勝率:22.5% 回収率:65.2%
(万馬券:39本的中)

2019年合計
1438346
勝率:24.1% 回収率:68.2%
(万馬券:39本的中)

2018年合計
1488367
勝率:24.7% 回収率:75.1%
(万馬券:39本的中)


管理人のつぶやき


(皆様のフォローをお願いします。)

@sunday_breeze からのツイート
「ホームページ製作」の「CSSの備忘録」ネタは、全部で5件あります。

IEのCSSバグについて考える

先日の続き。

IE5とかIE5.5にはCSSの解釈に一部バグがあります。

ちょっと試しに。

箱があります。
そして、ヘッダがあります。

箱とヘッダ 期待してる形

これは、最終的に望む姿。

ヘッダは<h2>、箱は<div>。

H2
{
background-color: #36e;
color: #fff;
padding: 8px;
font-size: medium;
font-weight: bold;
display: inline;
}

DIV
{
border: 1px solid #36e;
padding: 5px;
margin: 8px 0;
}

というスタイル。

これをIE5で見ると

箱とヘッダ IE5 なんか変

なんか変。

1:ヘッダがきつきつ。
2:ヘッダと箱の隙間。

2は古くからある「Box Hack」という手法で

DIV
{
border: 1px solid #36e;
padding: 5px;
margin: 0;
voice-family: "\"}\"";
voice-family: inherit;

margin: 8px 0;
}

とすることで解決。

で、問題は1だ。

これも根本原因は
<h2>要素をインラインにしてるから
ってことなんですが。
(これは「バグ」ではないらしい。「非対応」ということ)

ブロック要素にすると、こんな感じ。

箱とヘッダ h2をブロックに 隙間が

やっぱり隙間が開いちゃう。
マージンを0にする。

箱とヘッダ h2ブロックのマージン0に まあまあ

おかしくはないけどさ。

<h2>を<div>に入れてみる。

箱とヘッダ h2をdivの中に おかしかないけどさ

おかしくはないけどさ。
イメージ(=望む最終形)とは、ちと違う。

インライン要素であっても、width指定すると
パディングとかマージンとか現れるらしい。

ということで、widthを指定してみる。

H2
{
background-color: #36e;
color: #fff;
padding: 8px;
font-size: medium;
font-weight: bold;
display: inline;
width: 0;
}
箱とヘッダ インラインにwidth指定 ある意味予想通り

予想通り。

なので、改行するなってことか。

H2
{
background-color: #36e;
color: #fff;
padding: 8px;
font-size: medium;
font-weight: bold;
display: inline;
width: 0;
word-break: keep-all;
}

箱とヘッダ 改行するな まあ望む形

これです。求めていたのは。

で、これをIE6で見ると

箱とヘッダ IE6だとやっぱり隙間

なので、「Box Hack」と同じ手法で、
IE5以外なら
width:auto
word-break:normal
としちゃう。

H2
{
background-color: #36e;
color: #fff;
padding: 8px;
font-size: medium;
font-weight: bold;
display: inline;
width: 0;
word-break: keep-all;
voice-family: "\"}\"";
voice-family: inherit;
width: auto;
word-break: normal;
}

箱とヘッダ IE6ハック 一応見れる

まあこんな感じでしょう。

IEの5と6、Opera7.5と9.02、Netscapeの6.1と8.1で確認。

Netscapeの8.1だと、微妙に隙間できてるけど、
もうめんどくさい(笑)

でもさ、word-breakって大丈夫かなあ。
単語の切れ目でしょ?半角数字とか英文字とかが混ざったヘッダだったら
改行されちゃったりしない?

white-spaceとかword-wrapだとIE5は効いてくれないし。

<nobr>って使えたっけか?

[コメント読む(0)]  人気ブログランキングへ 

また1からやり直し?

週末、プライベートマシンにWindows2000を入れなおしました。

やっぱり入れなおすと、なかなか快適に動くもんですね。

ところが。

初期状態のInternet Explorerのバージョンは5.0。たぶん。

リニューアル予定のページは、予想通り表示が崩れてましたねぇ。
Ajaxは動くみたいだけど。

同様にして、学生時代に使っていたPC98ノートに
Windows98SEを入れてみて、
初期状態のIE(これもバージョン5.0?)で見てみました。
JavaScriptのエラー、でまくり。
表示崩れまくり。


IEについては、CSSの表示にかなりバグが潜んでますんで、
バグリストと見比べつつ、ちょっと直していくって感じですかね。

いつになったら公開できるんだ??

[コメント読む(0)]  人気ブログランキングへ 

残作業を少しずつ潰す(今日の分)

今週も始まりましたが、
みなさんいかがお過ごしでしょうか。

まずは、NN4.x対策。

全く表示されないのは、結局スタイルシートが中途半端に適用されたためで、
完全に適用外にしてしまえば、そこそこ見られることがわかりました。
「バグにはバグで対抗! Netscape4.x スタイルシート対策」
なんて記事を見つけましたんで、
メディアタイプ=allとして、読み込めないようにしました。

それと同時に、外部CSSファイルでclass=しているところと
タグに直接style=指定しているところとで混在してましたんで、
NN4.x対策の一環として、すべてのスタイルは外部CSSファイルに移そうと。

NN4.x対策、終了。

それと、プルダウンのリンクについて、
jsOffの場合、うんともすんとも言わなくなってしまう件は
完全にリンクで対応することにしました。
見栄えもちょっと変わってくるので、現在修正中。。。

AjaxというかAHAHというかで構成されているページは、
基本的にはjsなしのページを全部作る予定でいます。
こればっかりは仕方ない。

一応、画像を除いて、ページ作成は今週中にけりをつけたいところ。
画像いじるのは、家じゃないとできないので。

[コメント読む(0)]  人気ブログランキングへ 

IEのバグに悩まされていた。

20070125分画像
右の図。

現在作成中の画面です。
上半分はIE。下半分はOperaで表示させたときのものです。

通常、Operaを使用しているので、ごく最近まで気づかなかったのですが、
IEで表示させると、どうも行間が詰まる。
div要素のline-heightプロパティに1.8と設定しているのですが。

で、よくよく見てみたら
画像(imgタグ)が含まれている行だけ、行間が狭くなってる。

なぜだろうと思って、ぐぐってみた。
見つかった。

IEバグ:img要素などの置換要素を含む行の前後では、line-heightが指定した値より小さくなる|CSS HappyLife

ということ。

英語ですが、ここも(サンプルあり)
Microsoft Internet Explorer: Line-height / Replaced Element Bug

imgタグだけでなく、inputtextareaなどでも同様の現象が起こる模様。

対策としては、画像の上下にpaddingプロパティで間隔をあけてやるしかないみたい。
だけど、正常に見えてるブラウザに対してはハックで対処してやらなきゃならない、と。

具体的な方法については、これから考えます。

[コメント読む(0)]  人気ブログランキングへ 

blogリニューアルの反響

まったくなし(笑)

これじゃ 、いいのか悪いのかもわかりませんがな。
なんてことはまったく考えず、
相変わらずわが道を進んでおります。
毎日、若干ではありますが、
ページは変化しているのです。

土曜日、写真入れられるようにしました。
日曜日、太字下線を入れるようにしました。
月曜日、カレンダーのフォントを小さくしてみました。
さて今日は?

今、同じデザインで
POGページも作り変えてます。
時間かかってます。
メインはFlashです。
ヘッダのFlashも動きはできてます。
使用するイラストを奥さんに頼んでます。
自分とは違って、右脳がよく働く人ですから。

ちなみに、このページのデザインも、
奥さんに見てもらってます。かなり前に。
相当ダメ出しをくらって、
今にいたっております。

話が支離滅裂。

そうそう、最後に
IE5でスタイルシートを使うとき、
ボックスの幅などにバグがあるそうです。
(「Box Model Hack」というそうです。)
長いことこれで悩んでたんですよ。
備忘録もかねて、リンクはっときます。
日本語訳:Box Model Hack
[コメント読む(0)]  人気ブログランキングへ