ドキュタイプを<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
にし、divでイメージを積み上げるとIE6.1(6.2は平気のようで・・・)でイメージとイメージの間に隙間が開いてしまうのですが、
<div><img src="aaa.gif" width="200" height="10" alt="aaa" title="aaa" border="0" /></div>
<div><img src="bbb.gif" width="200" height="10" alt="bbb" title="bbb" border="0" /></div>
こんな感じでかくと・・・。
これを回避する方法がわかる方いらっしゃいましたら教えてください。 CSSでdivにline-height:0px;を指定すれば崩れなくなるのですが、これだと他で不都合があるので使えません・・・。 なんだか上記のドキュタイプをいれると他にもIE6.1だけのバグがあるようなきがするのですが、詳しい方いらっしゃいましたら教えてください・・ よろしくお願いします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
何度もすいませんperonです
ふと 思いついたのですがJavaScriptで
document.styleSheets(0).rules(6).style.display = a ;
という構文があります
これは、読み込んだスタイルシート群(1個しか読み込んでいないので、0となります)の7番目(すべて0から始まりますから6の値です)のスタイルの属性・・この場合displayなのです・・をaという値に変更するという事なのです
ですから、今回の場合 NN6.1を判別し、その場合だけdivの属性を変更し表示するという手段を考えました
ご質問のスタイルシートdivの値を通常はline-height:noneにし(noneで良いかどうか不明)、NN6.1の場合だけline-height:0pxという具合に変更出来ます
ところが、NN6.1だけを判別する事が私の知識では出来ません
もし、こういう手法でも(正攻法でなく対処法になります)とにかくとお考えでしたら、私が責任を持って質問(教えてgoo)させて頂きますがいかがでしょうか
良い回答がなければ それまでとなってしまいます
No.2
- 回答日時:
私 実はご質問さてれいた時から どうゆう回答をされるのか興味があり、見ておりました。
残念ながら なかなか回答がないので 私のつたない意見ですがアドバイスとさせて頂きましたNNが好きで、NN6シリーズは(開発途上という事もあり)問題があり今はNN7を使っております。ただ、現在のネット環境ではIEを使わざるをえない状況で難渋しております
oops0517様は、NN6.1、6.2を使って検証されているにもかかわらず余計なアドバイスで申し訳ございませんでした
border="0" />
での空要素の終了を表す/>の前をスペースとして勘違いしているのかも???
XMLでは<IMG SRC="○○"/>として表記しても良いようになっているので・・・蛇足ながら推察です
この回答への補足
余計なアドバイスなんてとんでもない! いろいろ意見をいただけるだけでも勉強になります。ありがとうございます。 /の前のスペースを外してみましたがやはりダメでした・・・。 もうちょっと自分でもいろいろ試してみたいと思います。
補足日時:2004/06/24 18:32No.1
- 回答日時:
IEがXHTMLに完璧に対応しているというのは疑問です・・・公的機関が作成しているブラウザではないからです(IE6.2もです 実際HTML4.01に於いても同様です
>IE6.1だけのバグ
仕様が変わったと解釈して下さい)
検証を行うのには公的機関が作成したMozilla又はそれをベースに開発されたNetscapeを使い論じるべきです
W3C勧告に忠実になろうとしているからです
ご質問の内容からそれてしまいましたが、CSSを使わないXHTML(HTML4.01でも同じ)で最低限の情報を表示出来るようにし、CSSでデザインするという考え方で、ブラウザの表示の仕方に寛容にならなければ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
と宣言するのは到底むつかしいと思われます
参考URL:http://jt.mozilla.gr.jp/projects/mathml/authorin …
この回答への補足
ご回答ありがとうございます。 質問内容を見返したのですが、根本的に間違ってました・・・汗
IE6.1ではなくNN6.1でした・・・。 他のドキュタイプをいれてもほとんどNN6.1のみ崩れます。。。。
でもどうやら仕方ないようですね・・・
有名企業のサイトを見に行ってもNN6.1で隙間が開いてしまっているようです・・・ peronさんの言うとおり宣言することがそもそも無理なのかもしれません。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- ASP・SaaS FC2 BLOG <AUDIO TAGを入れプレビューはOk テーンプレートを更新すると ✖ 1 2023/08/14 11:40
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLですCSSです 画像のように...
-
スタイルシートで画面を上下に...
-
大分類・中分類・小分類
-
CSS <div>の入れ子が反映さ...
-
htmlのstyleのposition:relativ...
-
フッター上部に謎の隙間
-
SafariでもBGMを流す方法という...
-
[CSS] 常にフッターは下部に表...
-
スクロール可能なチェックボックス
-
2つのDIVを中央と右に横並びに...
-
Ctrl+F(検索)の窓を出したいの...
-
文字をクリックしたら別の文字...
-
textareaで入力した文字を改行...
-
youtubeをHPに載せたいです。
-
チェックボックスの背景色って...
-
HTMLですCSSです この画像のよ...
-
Flickity で画像にリンクを貼る...
-
フッターの位置を一番下に表示...
-
MAX関数を使ってからLEFT JOIN...
-
javascriptで毎月替わる画像
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSS <div>の入れ子が反映さ...
-
フッター上部に謎の隙間
-
Ctrl+F(検索)の窓を出したいの...
-
【CSS】floatで左右に並べた...
-
css固定したフッターが本文と重...
-
HTMLですCSSです 画像のように...
-
htmlのstyleのposition:relativ...
-
HTMLですCSSです この画像のよ...
-
Flickity で画像にリンクを貼る...
-
画像の特定の座標にカーソルが...
-
チェックボックスの背景色って...
-
html スクロール要素を下から表...
-
レイアウトが崩れないようにす...
-
スクロール可能なチェックボックス
-
リンクで違うページの指定箇所...
-
オンマウス時に別画像を上に重...
-
フッターの下に隙間ができてしまう
-
スタイルシート(CSS)で、高さ...
-
かなり困っています。知恵を貸...
-
離れた場所にマウスオーバーで...
おすすめ情報