Apple-Safariのスレ
このスレ、まだあったのか。
>>97
背景指定に関してはリスト要素があやしいとにらんでいるのだけど
いまいち条件が絞り込めない。
リストに関してはmarginもおかしい。
:before/:afterへのcontentに関して気付いたこと
・空白類文字の扱いがダメ
・日本語がダメ（↑に関係してるかも）
・生成される疑似要素がdisplay: block固定
:hoverに関しては初めて知った。可能な限り再現・検証してみる。
あと、font-styleが効かない。boldやitalicなど。
もうすぐアップデート版が配布されるらしいし、とりあえずはそれを待つ。
>>97
背景指定に関してはリスト要素があやしいとにらんでいるのだけど
いまいち条件が絞り込めない。
リストに関してはmarginもおかしい。
:before/:afterへのcontentに関して気付いたこと
・空白類文字の扱いがダメ
・日本語がダメ（↑に関係してるかも）
・生成される疑似要素がdisplay: block固定
:hoverに関しては初めて知った。可能な限り再現・検証してみる。
あと、font-styleが効かない。boldやitalicなど。
もうすぐアップデート版が配布されるらしいし、とりあえずはそれを待つ。
|
|
|
現在はfloatまわりで苦戦中。
二重に表示される、それのおかげでclearができない、等。
>>101
背景画像は、漏れの場合指定した先がインラインだったのが原因らしい。
インラインにbackground-repeatが効かない。一括指定とかは関係ないっぽい。
display:block; float:left
の両方を指定してやったらちゃんとno-repeatになった。むちゃくちゃ。
リストはliにもol/ulにも両方にpaddingとmarginを指定してあげれば大丈夫だと思う。
それとhnの横方向にデフォルトだとmarginがとってあってびっくりした。
アンカー内容が画像だけだと:hoverのbackground-colorが効かなかったってのは
発生条件ちがったかもしれない。１か所大丈夫なのもあった。
でもそれ以外特別なモノ指定してないから理由がわからん。
その部分のbackground-color以外の全部のスタイル外しても効かなかった。
:before/:afterはどうせIEが対応してないからまぁ致命傷ではないんだけど、
display:blockなのが原因っぽいなぁ。
でもソレ以外にもcontentの画像が数倍に引き延ばして表示される。
font-styleは知らなかった。
でも漏れaddress要素に font-style:nomal って指定してるけど
ちゃんとイタリックじゃなくなってるなぁ。
boldはfont-weightの方で指定してる。こっちでやる限り支障はない模様。
あー、SafariのCSSバグをリストアップしたページないかなぁ。日本語で。
バグもあるけど結構CSS2も表示できるからできればSafariも対応にしたいんだよねぇ。
何より単純にブラウザとして見ても早いしキレイだし好き。
アップデートもーすぐ出るならそれに期待するか。
がんがれAppleたん。
二重に表示される、それのおかげでclearができない、等。
>>101
背景画像は、漏れの場合指定した先がインラインだったのが原因らしい。
インラインにbackground-repeatが効かない。一括指定とかは関係ないっぽい。
display:block; float:left
の両方を指定してやったらちゃんとno-repeatになった。むちゃくちゃ。
リストはliにもol/ulにも両方にpaddingとmarginを指定してあげれば大丈夫だと思う。
それとhnの横方向にデフォルトだとmarginがとってあってびっくりした。
アンカー内容が画像だけだと:hoverのbackground-colorが効かなかったってのは
発生条件ちがったかもしれない。１か所大丈夫なのもあった。
でもそれ以外特別なモノ指定してないから理由がわからん。
その部分のbackground-color以外の全部のスタイル外しても効かなかった。
:before/:afterはどうせIEが対応してないからまぁ致命傷ではないんだけど、
display:blockなのが原因っぽいなぁ。
でもソレ以外にもcontentの画像が数倍に引き延ばして表示される。
font-styleは知らなかった。
でも漏れaddress要素に font-style:nomal って指定してるけど
ちゃんとイタリックじゃなくなってるなぁ。
boldはfont-weightの方で指定してる。こっちでやる限り支障はない模様。
あー、SafariのCSSバグをリストアップしたページないかなぁ。日本語で。
バグもあるけど結構CSS2も表示できるからできればSafariも対応にしたいんだよねぇ。
何より単純にブラウザとして見ても早いしキレイだし好き。
アップデートもーすぐ出るならそれに期待するか。
がんがれAppleたん。
>>102
背景の件、インラインというので納得。
liをdisplay:inlineにしてる場合に発生してたってことかぁ。
リストのmarginだけど言い方が悪かった。
正しくはliをinlineにした場合にmarginが効かない。
li {
display: inline;
margin: 0.5em;}
とか。しょーがないのでpaddingで代用。ボックスがイメージと違うくなるのだけど。
個人的には、contentはしっかり対応してほしいところ。
近い将来、IEに代わってSafariがデフォルトブラウザになるだろうし。
というか、バグが痛いだけなんだよね。実装自体はがんがってる。
font-styleは勘違いだった。
boldはfont-styleの値としては不正なのね。申し訳ない。
で、italicだけど、フォント自体にitalic体が存在してないとダメみたいだぁ。
ヒラギノはダメだけど、英字フォントではitalicになってた。
これって、仕様書的な実装としてはどうなんだろう。
Safariには、政治的な背景に弄ばれているIEなんて踏襲してほしいなぁ。
Safariが実装の面で絶対的な力でもってデフォルトブラウザの地位に立てば
さすがにMSも慌ててIEのWeb標準実装に努めるだろうし、
そうなれば今のweb制作現場の苦しみも減るのではないかと思ったり。
SafariのCSSバグリストだけど、漏れがやっても良いのだけど
漏れ自身の勉強不足なこともあり、わからないことの方が多いかもしれない。
次のアップデート版を見て、考えてみる。
背景の件、インラインというので納得。
liをdisplay:inlineにしてる場合に発生してたってことかぁ。
リストのmarginだけど言い方が悪かった。
正しくはliをinlineにした場合にmarginが効かない。
li {
display: inline;
margin: 0.5em;}
とか。しょーがないのでpaddingで代用。ボックスがイメージと違うくなるのだけど。
個人的には、contentはしっかり対応してほしいところ。
近い将来、IEに代わってSafariがデフォルトブラウザになるだろうし。
というか、バグが痛いだけなんだよね。実装自体はがんがってる。
font-styleは勘違いだった。
boldはfont-styleの値としては不正なのね。申し訳ない。
で、italicだけど、フォント自体にitalic体が存在してないとダメみたいだぁ。
ヒラギノはダメだけど、英字フォントではitalicになってた。
これって、仕様書的な実装としてはどうなんだろう。
Safariには、政治的な背景に弄ばれているIEなんて踏襲してほしいなぁ。
Safariが実装の面で絶対的な力でもってデフォルトブラウザの地位に立てば
さすがにMSも慌ててIEのWeb標準実装に努めるだろうし、
そうなれば今のweb制作現場の苦しみも減るのではないかと思ったり。
SafariのCSSバグリストだけど、漏れがやっても良いのだけど
漏れ自身の勉強不足なこともあり、わからないことの方が多いかもしれない。
次のアップデート版を見て、考えてみる。