スポンサーサイト

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

テーブルレイアウトで画像を組合わせると隙間が空く

古い、テーブルレイアウトのサイトのリニューアルなどで、一部のみをCSSレイアウトに変えたりしたときに、今まではきちんと繋がっていたテーブルレイアウトの画像に隙間があくことがあります。
これは主にIEで発生する問題です。
まず画像に対しては、vertical-alignを指定して、全てのブラウザで同様に表示されるようにしておきます。
その上で、IEで隙間が空く場合は、画像の高さが1行の高さより小さいことが考えられます。
そのような場所では、font-sizeで文字のサイズを画像の高さより小さく(1px等)し、さらにline-heightも影響のない高さまでさげてやると解決します。

これはもちろんWeb標準外の方法ですが。
スポンサーサイト

テーマ : WEBデザイン
ジャンル : コンピュータ

コメントの投稿

非公開コメント

ケータイはこちら

QRコード

FC2カウンター

検索フォーム

最新記事
カテゴリー
リンク
RSSフィード
プロフィール

鎌田 翔己(SK)

Author:鎌田 翔己(SK)
岡山のウェブデザイナー/アーキテクト/コンポーザーです。
トップレベルのHTML/XHTMLコーディングや、PHP、Flashなどの業務に携わっています。

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