![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
テーブル内の画像がずれてしまいます(IE8)
画像(写真を含めたHP1ページ分の画像)を分割して写真の部分にリンク(lightbox)
を貼ってあります。
一度リンクにとんで(写真を大きく表示して)closeした後は正しく表示されるのですが、
更新するとまた複数の(リンクを貼ってある)写真の部分が下に落ちて、
全体が大きく崩れて表示されてしまいます。
ソースを見ると、分割した画像はテーブルの細かく区切られたセルのcolspanとrowspanで
配置されているようです。
画像がずれて表示される原因と回避方法を教えていただけないでしょうか。
No.3ベストアンサー
- 回答日時:
ソースを見ないとはっきりとした事は分かりませんが、
よくある原因を挙げておきます。
1.colspan,rowspanを多用する事で、セルサイズが正しく表示されない
解決法:個々のセルのwidth、heightをすべて指定する
2.画像の下に余白が空く
解決法:CSSでimg{vertical-align:bottom;}を指定
3.タグの改行によって半角スペースが生じるバグ(IE)
解決法:タグの改行を消す、もしくは<!---->を使う
<td>
<img src="~">
<img src="~">
</td>
↓
<td><img src="~"><img src="~"></td>
または
<td>
<img src="~"><!--
--><img src="~"><!--
--></td>
リンクマップを使用した方が簡単かも知れません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
- アプリ MacBookでCLIP STUDIO PAINTから「写真」アプリを開いて、画像を読み込みたい 1 2023/08/05 12:34
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
- 写真 写真をUSBからハードディスクに移動させたのですが 複数枚上手く画像が反映されず、写真のように写真8 5 2022/10/07 12:05
- iPhone(アイフォーン) 同じ写真と動画をiOSが検出する便利な機能 写真のアルバムタブにて、画面を一番下までスクロールすると 3 2023/01/23 15:41
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- Visual Basic(VBA) 【VBA】写真の縦横比を変えずに貼り付ける 5 2023/06/13 11:42
- その他(パソコン・スマホ・電化製品) 圧縮ファイル解像について 7 2023/07/31 08:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブル内の画像がずれてしま...
-
<A href= と<IMG srcの使い分け
-
期間ごとに画像表示を切り替え...
-
IMGタグでTIFF画像を表示
-
PDFの保存ボタンが表示されません
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
ロゴマークだけを抜き取って貼...
-
画像の背景消しのeps保存について
-
アイコンの背景を透過させたい
-
画像を2枚ずつ表示できるビューワ
-
ViXの全画面表示で画像が画面一...
-
ゆっくりムービーメーカー4で、...
-
UWSCについて
-
HP作成 作成した画像を動画の上...
-
たくさんのjpgファイルをスクロ...
-
DirectXで画像表示
-
ファイルの種類をJPEGから...
-
IrfanView で画像のスクロール...
-
WEB上でディレクトリ内の画像を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
カーソルを合わせると文字が出...
-
複数のボタンで1つのエリアに...
-
タイトルバーに画像を入れるHTM...
-
バナーの貼り方とバナーにリン...
-
クリックしても、リンクに飛ば...
-
IMGタグでTIFF画像を表示
-
pngやjsの後ろの英数字の意味は...
-
スライドショーの上にロゴマー...
-
背景が透明なリンクボタンで、...
-
HTMLにQRコードを挿入する方法
-
画像クリックでクリップボード...
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
フォルダ内の画像をウェブでラ...
-
拡張子無しで画像を表示したいです
-
アルバムをめくるように、画像...
-
崩れたレイアウトが更新すると...
-
datepickerを使ってカレンダー...
-
期間ごとに画像表示を切り替え...
おすすめ情報