• 締切済み

枠の中に画像を入れると、枠の中、下部にスペースができてしまいます。

お世話になります。 このサイトなのですが、 http://www.seriouslyfunny4you.com/ JTrimで画像を100×100に縮尺し、画像をアップロードしました。 画像は表示されるのですが、枠の中の下部にスペースができて、 レイアウトが崩れてしまうのです。 スペースができないようにする方法を教えてください。 ブラウザはFirefoxですと、スペースはできません。 IE6で見るとスペースができます。 よろしくお願いいたします。

みんなの回答

noname#100277
noname#100277
回答No.1

ソレ以前にソースの検証をシッカリと・・・ XHTMLなのに文法上のエラーが多く確認されましたよ。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html 又、Firefox3.0.14での確認では表示も崩れまくってます。 Firefoxでの確認で本当にOKだったのですか? CSSはIEハックするとして、CSSを一から構築仕直しては?

msnr400
質問者

お礼

自力で解決できました。ありがとうございました。

関連するQ&A

  • IE6で画像が表示されません

    dionのHPスペースでアップロードしたファイルの特定の画像がブラウザ「firefox」では表示されますが、「IE6」では表示されません。ホームページビルダー9にて作成時はIE6にてのプレビューも問題無かったのですが・・・。 なにか対策があったら教えてください ・・・・m(><;)m

  • レイアウト枠

    ビルダーをつかっています。(標準モードで作成) レイアウト枠に画像を入れました。 で、ブラウザの大きさを変えた場合普通大きさにあわせて表示が変わると思います。 でもレイアウト枠の画像だけが、固定されたままで他の画像と動きが違います。 なぜでしょうか?

  • 文字をセル下部にぴったりくっつけたい

    お世話になります。 テーブル(の<td></td>)内に入れた文字を、セルの下部ボーダーにぴったりくっつけるように配置したいと思っているのですが、IE6でうまく文字の表示ができません。 その文字には font.●● {font-size:35px; font-weight:bolder; font-family:Verdana; color:#332600; letter-spacing:-2px; } とCSS指定し、またテーブルタグの方には <table cellspacing="0" cellpadding="0"> と <td valign="bottom"> を指定しています。 これで、Firefoxだときちんと表示されるのですが IEだと文字が潰れる、というか上下が欠けたように表示されてしまいます。 ためしに行間指定 line-height:100%; をつけくわえてみたところ、IEでの文字はきちんと表示されるようになったのですが、 テーブル下部のボーダーから浮いてしまい思ったようなレイアウトになりません。 (Firefoxも同様に浮いてしまいます) 文字を欠けなく表示し、また下部ボーダーにぴったりくっつけるやり方がありましたら教えてください。 よろしくお願いいたします。

  • 下部の隙間

    現在xhtmlでサイトの構築をしており、 IE以外のブラウザで見たら、サイトの下部(フッター)の下に5px~10px位の隙間が出てしまいます。。[添付] どうやったら解決できるのでしょうか?

  • 画像が早回しになる解決法

    画像が早回しになる解決法 以下のサイトの画像では、IE8、ファイアフォックス、クロームのどのブラウザーでも早回しになってしまいます。 原因と対策を教えて下さい。 http://www.tanakashinya.com/service5/

  • IE7での画像アップロードが出来ません

    最近vistaを購入しIE7を使っているのですが、mixi等のブログでブラウザ上で画像をアップロードすることができません。 以前までwinXp(IE6)を使用してましたが、問題なくアップロードできてました。 色々と試してみましたが(フォルダに日本語が含まれていないか等)改善されません。 ファイルそのものは50KBと大きくはないもので、拡張子はちゃんと.jpgになってます。 ちなみに、vistaにFireFoxを入れて試したらアップロードできました。 IE7でやるには何か設定がいるんでしょうか?

  • テーブルの中に画像を入れたい

    テーブルの中にイメージ画像をぴったりはまるようにしたいのですが、 画像の大きさとテーブルの大きさを合わせても(枠なし、隙間なし)、なぜか下のほうに少し隙間が出来てしまいます。 NetscapeやFirefoxだときちんと隙間なく見れますが、IEのみ隙間が出来るようです。また、幅を合わせてもIEの場合だけ、上下に作ったテーブルの間隔がずれるようです。 これはどのようにすれば、きれいに見せることが出来るでしょうか。

  • 【Netscape】リンク切れ画像があると、そのスペースがなくなりレイアウトが崩れる

    Web製作の仕事をしています。 IEならリンク切れ画像があってもwidthとheightの指定で画像表示スペースは空白として確保されます。よってページレイアウトの崩れは防止できます。 しかしNetscapeの場合はリンク切れ画像は無視されスペースも確保されません。これが原因でレイアウト崩れが生じることもあるかと思いますが何か対策はありませんでしょうか。 よろしくお願いいたします。 *Netscapeは7.1です。

    • ベストアンサー
    • HTML
  • データベースからの画像の読み出し

    お世話になります。 アップロードされた画像のバイナリデータをデータベースに格納して、PHPからデータを読み出して表示させているのですが、IE, Firefox, safari, operaなどのブラウザでは正常に表示できるのに、携帯端末のブラウザからは画像が表示されません。 $header = "Content-Type:image/jpeg"; header($header); echo $image; のようなコードですが、なぜ携帯端末で表示できないのか分からず困っております。 宜しくお願い致します。

    • ベストアンサー
    • PHP
  • テーブルのボーダー(枠)のデザインがダサくなるのはなぜ?(FireFoxやOperaで)

    IE7基準でサイトデザインをしたのですが、FireFoxやOperaなどのブラウザでプレビューしたらテーブルの枠関係のデザインがIEとは違っており困っています。 <table width="100%" border="6" cellpadding="1" cellspacing="1" bordercolor="#333333"> コードはこのようにしており、重要なのはbordercolor="#333333"の部分で、この色はページの背景と同じ色であり、枠の色を背景と同化させ、ボーダーラインを見えなくしたかったのです。 しかしFireFoxやOperaではその枠に余計な明暗のデザインが加わってしまい、枠がもろに見えてしまいます。 これをなんとかできないでしょうか? 環境はDreamweaver8でwindowsXPです。

    • ベストアンサー
    • HTML