• 締切済み

position:fixedが親要素に準じて表示してくれません。。

position:fixedが親要素に準じて表示してくれません。。 <div id="relative">   <div id="flashContent"><img></div>   <div id="TopBnr"><img></div> </div> ーーCSS-ーーーーーーーーーーーーーーーーーーーーーーーーーーーー #relative {      position:relative;      width:990px;      height:374px;      margin:0px auto; } #flashContent {      width:990px;      height:374px;      margin:0px auto;      z-index:0; } #TopBnr { position:fixed; width:260px; height:90px; right:90px; top:30px; z-index:1; } Ie6対応済みです。。 なぜかIeでの配置はできているのですが、 それ以外のブラウザでは、親要素に準じて配置してくれません。 どなたか解決策を教えてください。。

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

<div class="IE_old"><!-- IEバグ対策 -->  <div id="Top">   <!-- XHTML/HTML及び古いブラウザ用 -->   <object classid="clsid:D27CDB6E- AE6D-11cf-96B8-444553540000"   codebase="http://get.adobe.com/jp/flashplayer/" width="990" height="374">     <param name="movie" value="http://example.com/test.swf" />     <param name="quality" value="high" />     <param name="wmode" value="transparent" />     <embed src="http://example.com/test.swf" quality="high"      pluginspage="http://get.adobe.com/jp/flashplayer/"      type="application/x-shockwave-flash" wmode="transparent"      width="990" height="374"></embed>   </object>   <img src="cde.jpg" class="logo" width="260" height="90">  </div> </div> CSS>>>> div.IE_old{ /* old_IE */ text-align:center; margin:0px; } div#Top { position:relative; width:500px; height:333px; margin:0px auto; } div#Top object{ display:block; width:100%; height:100%; } div#Top img{ display:block; position:absolute; right:90px; top:30px; }

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

補足です。 >それ以外のブラウザでは、親要素に準じて配置してくれません。 は思い違いではないですか fixedは、表示領域を参照するので親要素は無関係です。親ボックスに影響を受けてはならないのに、なぜ「親要素に準じて」と聞かれるのかがわかりません。 【引用】____________ここから 9.6 絶対配置(Absolute positioning)  絶対配置のボックスは、包含ブロックに対する位置を明示され、通常フローから完全に取り除かれる(つまり兄弟要素に全く影響しない)。 ・・・【中略】・・・  9.6.1 固定配置(Fixed positioning)  固定配置は絶対配置の1種である。 固定配置ボックスの包含ブロックは閲覧領域に設定するというのが、唯一の相違点である。連続媒体では、文書がスクロールしても固定配置ボックスは動かない。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[視覚整形モデル( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visuren.html#fixed-positioning )]より

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

それだと       ┌───┐       │TopBnr│       └───┘ ┌─────┐ │┌───┐│ ││■■■││ │└───┘│ └─────┘ とならなければならないのですが、それでよいのですか?

heisukeheisuke
質問者

補足

ありがとうございます。 思い違いでした。。 まだまだ未熟なので、せっかく回答していただいたのに、半分程しか理解できていません。。 参考サイトを読ませていただきます。 最終的には ┌───────────┐ │ ┌──┌───┐  │ │ │  │TopBnr│ │ │ │  └───┘  │ │ └──────┘  │ └───────────┘ を目指しています。。

関連するQ&A