• --年--月--日
• スポンサー広告

• ランキング：FC2 Blog Ranking»
• ブログの殿堂»
• Webのblogランキング »
• Check

上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

FireFoxでFlashの下に隙間があく

• 2008年04月05日
• CSSデザイン
• コメント:6
• トラックバック:0

• ランキング：FC2 Blog Ranking»
• ブログの殿堂»
• Webのblogランキング »
• Check

IEではぴったりくっついているのに、FireFoxだとFlashの下に隙間があくことがあります。
これは、FireFoxが解釈する<embed>タグに隙間があいているのです。

隙間といっても、marginやpaddingでは埋まりません。
embedのスタイルとして、vertical-align:bottom　を定義すれば解消されます。
IEでimgタグの下に隙間があくのと、同じ原理です。

コメント

隙間問題

img要素の下に隙間があくIE6問題が vertical-align:bottomで解決しました。参考になりました。
ありがとうございます。

ところで、この問題って
潜在的に inline-block要素である、liやdt,ddにも関係するような気がします。

div要素内にimg要素を書いてfloatしても下に隙間がおきないのに、li要素やdt要素にimg要素を書いて、floatすると、下に隙間がおきます（IE6）Firefoxではおきないです。
そういうもんなのでしょうか・・・。

• 投稿日時：2008年05月08日
• ID：黒澤勝 #xPBLUWGI
• LINK：URL
• コメントの編集

ベースライン

こんにちは。

>潜在的に inline-block要素である、liやdt,ddにも関係するような気がします。
確かに、そのようですね。
これは要素に対してベースラインが定義されているかどうか、ということのようです。
liやdtはベースラインがあるタグで、divはベースラインがないタグなので、表示に差が出るようですよ。
Firefoxでも、liにimgを入れただけだと、隙間ができるようです。　liのline-heightを画像より小さくしてやったり、imgのvertical-alignをbottomにしてやったりすると消えますね。

• 投稿日時：2008年05月09日
• ID：SK #tS/D58TE
• LINK：URL
• コメントの編集

Firefoxでもですか・・・

なるほど、とかく vertical-align は目からウロコでした。ウェブデザイン談義でも結構共感するところが多くてうなずいてました。私も、サイト制作から入った口です。でも、結構ブラウザハックしちゃってます・・・。

Firefox 主体ですが、ActiveX となるとIEを使う羽目になってます。

最近では jQuery / Lightbox に近いことを自作しているのですが、なにかと、JS でもハックというか、ブラウザ判別しちゃってます・・・。

そういう意味では、Opera や Safari はあんまり好きじゃないですけど。

• 投稿日時：2008年05月09日
• ID：黒澤勝 #xPBLUWGI
• LINK：URL
• コメントの編集

Ajax

Ajaxとかになると、どうしても判別しないと動かないですよね。　なかなか、本格的に使うには至ってないのですが、自作できるとはいいですねー。　既成のライブラリというものが、イマイチ好きじゃなくって、PHPは全部自作するんですが、Ajaxは頼りきってます・・。

Safariは、Macユーザーでさえ嫌ってますよね。
Operaは目立たなくなってきた気がします。　まあ携帯やゲーム機にじわじわ浸透してるんで、軽視できないですが。

僕はFirefoxに、IEエンジンに切り替えるプラグインを入れて、チェックのときだけ切り替えて使ってます。

• 投稿日時：2008年05月09日
• ID：SK #-
• LINK：URL
• コメントの編集

AjaxというかJS

既成ライブラリって私もあんまり好きじゃないです。
どうせなら、自分で作りたい派ですね。
私の場合、PHPの技術がまだイマイチというか、
はじめてそんな時間がたっていないので、
PHPが既成ライブラリというか、情報に頼り切っています。昔はPerl主体だったのですが、時代の流れでしょうか？

JS自作って言っても、jQuery の懐の深さまではたどり着いてないです。
プラグイン機能などがありませんから・・・。
prototype と jquery を足して２で割ったような感です。記述が下手なので、jquery よりデータ量が多いです。

とかく、結構、CSSNite という Web セミナーなどに出たりすると、jQuery.js をやたらを使うデザイナーがいるんですよ。

私も jQuery.js はとても好きなんですが、
国内に自作で jQuery に似たライブラリを作っている人を見かけなくて、結局自作してみたというところでしょうか。

自分のライブラリは DOM の操作面はかなり安定したのですが、CSS3 というか、XPath 用の対策がまだできておらず・・・（jQueryは出きてます・・）
自作JSの最終目標は jQuery ですね。

LightBoxの処理は出来たというか、サムネイル画像をクリックして画面上に薄透明みたいな黒いカーテンを敷いてデカイ画像をフェードインして表示し、×をクリックするとフェードアウトして消えるとこまではたどり着きました。でも、左とか右キーとかでサムネイルが移動する部分はできておらず・・・。

ヒマがあったら作成していたのに、最近モチベーションが下がって、全然していない状態が続いています。

• 投稿日時：2008年05月12日
• ID：黒澤勝 #xPBLUWGI
• LINK：URL
• コメントの編集

感想

さあ、やるぞ！　と思い立った最初はいいんですけど、1度中断するとモチベーション下がってしまいます・・・。
LightBoxは、面白いですけど、せめてCSS差し替えてやらないと、いい加減右も左もLightBoxってバレバレ感がなんともいえませんねー。

CSSNiteは、なんか「そういうものがある」程度にしか知らないんですけど（岡山やってないので）・・。

Perlは、今となっては扱いが面倒ですよね。
時代の流れでしょうねー。
DOMとかXPathは、僕はなかなか勉強できてない分野です。

• 投稿日時：2008年05月12日
• ID：SK #-
• LINK：URL
• コメントの編集

コメントの投稿

※匿名のコメントは、削除する場合があります。

名前
タイトル
メール
URI
コメント
パスワード
秘密の投稿	管理者にだけ表示を許可する

トラックバック

http://skweb.blog70.fc2.com/tb.php/117-95270a65

 トップへ戻る