CSS初心者スレッド＝1st＝at HPCSS初心者スレッド＝1st＝ - 暇つぶし2ch■コピペモード□スレを通常表示□オプションモード□このｽﾚｯﾄﾞのURL■項目テキスト936:Name_Not_Found 08/04/01 05:47:47 BRr4Mx0J 質問です。下記サイトの「NEW ENTRY」と書かれた赤いバッジのように、 position:absoluteでちょっとずらした配置したいです。 ttp://saladbowl.org/ ↓のように丸い画像が枠が付いたボックスの上にかぶさるようにしたいです。 http://imepita.jp/20080401/196930 <div id="toppage"> <p id="badge"><img width="76" height="54" src="" /></p> <h2>文字が入る</h2> </div> #toppage { position:relative } #badge { margin:0; positon:absolute; top:-5px; left:1px; /* ←h2の左のボーダーが見えなくなってしまうため */ } #toppage h2 { margin:0; padding:10px 15px 10px 90px; background:#DFF4FF; border-color:#DDDDDD; border-style:solid; border-width:1px 1px 0 1px; /* 枠は下だけ表示しません */ font-size:107%; } xhtml1.0のstrict、URLあり、xml宣言なしです。 WinFireFox、Operaではうまく表示されているのですが、 IE6、IE7ではh2の枠が表示されていないように見えます。 何が原因でしょうか。よろしくお願いします。 次ページ最新レス表示レスジャンプ類似スレ一覧スレッドの検索話題のニュースおまかせリストオプションしおりを挟むスレッドに書込スレッドの一覧暇つぶし2ch