IEとfirefoxで、リストマークの見え方が違ってしまってます。
例えば、
http://fortunehills.web.fc2.com/
のページにリストの表示があります。
画面左上に
「2009/6/30 火曜日」とありその下に、
株式のチャートアイコンがあり、その上にマウスを乗せるとズラリとリストがでます。
そのリストの2番目
「日興コーディアル証券|オンライントレード(日興イージートレード) 」というのがあり2行になってます。
で、そのリストマークが2行目の横に来てしまってます。下揃えになってます。
他にも、同じURLの
news内の「perfumelab」のリストマークも下揃えになてます。
IEで見ると下揃えなのですが Firefoxでみると、上揃えです。
IEでも上揃えにするには、どのようにするのが良いのでしょうか?
原因などが何かあるのでしょうか?
No.2ベストアンサー
- 回答日時:
下記の全称セレクタで"zoom: 1;"が指定されている事が原因みたいですね。
* {
margin:0;
padding:0;
zoom:1;
}
これがあることで、リストの複数行に渡るアイテムの場合、マーカーが下付になってします様です。これを外すと意図通り表示されます。
このzoomプロパティはIEの独自拡張の為、Firefox等では元々無視されています。
あとこれは余計なお世話ですが、
ul {
margin:0px;
padding:15px;
list-style-type:disc;
list-style-position:;
}
最後のlist-style-positionプロパティの値が空になっています。初期値を適用するなら、(今の指定は無意味ですので)プロパティごと削除しておくべきですね。
No.1の方も少し触れていますが、そのご指摘部分を初めとしてHTMLの構造にはかなり色々突っ込みどころがありますので、一度文法チェッカーにかけるなどして基礎から見直されてみた方がよろしいかと思います。
No.1
- 回答日時:
何度試してもIE8がフリーズするので見られませんでした。
ソース読む限りでは、IEのバグらしき情報が気になります。
-------
ul要素またはol要素に指定すると、各リスト項目がマーカーごとインデントされる。
CSS2対応状況ガイド:text-indent
http://www.zspc.com/documents/css2/text/textinde …
-------
あとこれは本件に関連しないかもしれませんが、DTDは文書先頭に書いた方が良いと思います。
DTDが先頭にないと後方互換モードで動作するため、クロスブラウザ(特にIE)で苦労します。
Google検索: DTD スイッチ
http://www.google.co.jp/search?hl=ja&client=fire …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
コンボボックスのリスト行数を...
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
パワーポイント:テキストボッ...
-
Google Keepで数字に勝手に下線...
-
リンク先のURLを別の文字にする...
-
Word で下線の色の変え方
-
アンダースコア(下線)のあるメ...
-
E-mail中の文章に赤で下線を引...
-
outlook2003にて新規メッセージ...
-
アンダーラインを引くやり方
-
CSSでインラインフレームを非表...
-
ホームページにPDFファイルをリ...
-
GoogleMapのリンク地図にスケー...
-
HTMLのbody内に<style>~</styl...
-
ワードの表で下線と文字の入力
-
ExcelのVBAで下線のついている...
-
Excelヘッダーの書式
-
エクセルのセルの下線が消えない
-
Latexにおける下線のひき方のコト
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLで、2行目以降をほぼ1字下...
-
ホームページの文字点灯
-
HTMLタグのフルスペル
-
リストマークの位置がずれてい...
-
アメブロでの行揃えの記述方法
-
HTMLでぶら下げインデントは出...
-
複数タグ指定してHTMLを取得したい
-
CGIフォーム、タグの表示につい...
-
コンボボックスのリスト行数を...
-
HTMLコード内に、コード各部の...
-
リンクタグの改行について
-
面白いタグ
-
<FONT TITLE=××>...
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
パワーポイント:テキストボッ...
-
リンク先のURLを別の文字にする...
-
Google Keepで数字に勝手に下線...
-
HTMLのbody内に<style>~</styl...
-
アンダースコア(下線)のあるメ...
おすすめ情報