>箇条書きで表される点がずれる(liタグ)入力中の回答があります。ページを離れますか?※ページを離れると、回答が消えてしまいますページを離れるA回答を続ける入力中のお礼があります。・箇条書き三列目と、いうように三列目がずれてしまっています。三列目がずれないようにしたいと思っています。タグのバグなのか、CSSの定義などの問題なのか、ちょっとわからなくて困っています。どなたか教えていただけたらと思います。通報するこの質問への回答は締め切られました。14:16提示いただいたソースでも、ずれなかったです。href="quality.html#qi5">箇条書き6行目</a></li></ul></dd></dl></div></div></body></html>この場合、箇条書き5行目からずれていると思います。100%;を足すとずれが無くなります。上記コードを解析し、cssと照らし合わせてみたら解決しました。左側にあるフレームのfloatにheight;900px;とつけたし、プレビュー画面とにらめっこしましたら、ずれがなくなりました。ほんとに有難うございます。ここまで丁寧に付き合っていただき、感謝しております。11:15#2の訂正です・・・。#999999;}この部分を自分の見やすい色に変更したまま載せてしまいました・・・。この回答への補足#2の補足の訂正です。href="ranking.html">あああ</a></dt><dd></dd>は、関係がないタグです。href="quality.html#qi4">箇条書き4行目a></li>”箇条書き4行目”を記入するときに</a>を書き間違えました。class="aaa"><dt><dd><ul><li>箇条書き一列目</li><li>箇条書き二列目</li><li>箇条書き三列目</li>~略~<li>箇条書き二十二列目</li></ul></dt></dl></body></html>このような形ってことですよね?私のほうでは、ずれることなくきちんと表示されるので違うところに原因があるかもしれません。実際のHTMLのほうのソース(ul部分)も教えていただけるともうちょっと原因追求できるかもしれません。先ほどの補足から迅速なご回答に感謝しております。ありがとうございます。ソース部分を載せさせていただきます。08:05floatを使っていますか?左側のブロックが右側のブロックに流れ込むとリストも流れ込んで、このようにずれることがあります。右側のブロックのmargin-left、または左側ブロックのheightを一度調整してみてください。この回答への補足ご回答ありがとうございます。floatはこのCSSでは使っていないようです。このようになっています。値を調整すればよいのでしょうか。よろしければまたご回答お願いします。通報するお探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!全カテゴリから検索このカテゴリから検索Q質問する(無料)このQ&Aを見た人はこんなQ&Aも見ています出産前後の痔にはご注意!一体なぜ妊娠・出産には痔がつきまとうのだろうか?その理由を見ていこう。リストの文字が複数行になった時HTML・CSSol要素の番号とリスト項目の離れについてその他(コンピューター・テクノロジー)出産前後の痔にはご注意!一体なぜ妊娠・出産には痔がつきまとうのだろうか?その理由を見ていこう。回答数ランキングです。リストの文字が複数行になった時IEとfirefoxで、リストマークの見え方が違ってしまってます。http://fortunehills.web.fc2.com/のページにリストの表示があります。株式のチャートアイコンがあり、その上にマウスを乗せるとズラリとリストがでます。」というのがあり2行になってます。そのリストマークが2行目の横に来てしまってます。他にも、同じURLのnews内の「perfumelab」のリストマークも下揃えになてます。Firefoxでみると、上揃えです。1;"が指定されている事が原因みたいですね。{margin:0;padding:0;zoom:1;}これがあることで、リストの複数行に渡るアイテムの場合、マーカーが下付になってします様です。これを外すと意図通り表示されます。このzoomプロパティはIEの独自拡張の為、Firefox等では元々無視されています。{margin:0px;padding:15px;list-style-type:disc;list-style-position:;}最後のlist-style-positionプロパティの値が空になっています。初期値を適用するなら、(今の指定は無意味ですので)プロパティごと削除しておくべきですね。No.1の方も少し触れていますが、そのご指摘部分を初めとしてHTMLの構造にはかなり色々突っ込みどころがありますので、一度文法チェッカーにかけるなどして基礎から見直されてみた方がよろしいかと思います。1;"が指定されている事が原因みたいですね。{margin:0;padding:0;zoom:1;}これがあることで、リストの複数行に渡るアイテムの場合、マーカーが下付になってします様です。これを外すと意図通り表示されます。このzoomプロパティはIEの独自拡張の為、Firefox等では元々無視されています。{margin:0px;padding:15px;list-style-type:disc;list-style-position:;}最後のlist-style-positionプロパテ...続きを読む他の回答も見るQリストに指定したマークの位置がずれてしまいます特定のブラウザでリストで指定したマークの位置がずれてしまい困っています。safari,firefoxは大丈夫なのですが、IE7,operaだと文字に対してより過ぎて、さらに文字半個分、左斜め上に表示されてしまいます。リストマークのサイズは20×20です。square;などにすると普通に表示されます。