位置相対トップ/ボトム無視のInternet Explorer 6/7

コード：位置相対トップ/ボトム無視のInternet Explorer 6/7

<div class="container_16" id="enlacesSeo"> 
     <div id="titulo_destinos"> 
      <h2>PRINCIPALES DESTINOS</h2> 
     </div> 
     <div id="destinos"> 
      <ul class="enlacesSeo">    
       <li>Items</li> 
           <li>Items</li> 
      </ul> 
     </div> 
    </div> 
    <div class="clearfix"></div>

CSS：

*Enlaces principales destinos - SEO */ 
#enlacesSeo { 
    border-bottom: 1px solid #DDD; 
    height:50px; 
    position:relative; top:-15px; 
    margin-bottom:5px; 



} 
* html .enlacesSeo { 
    /*hack IE6*/ 
    position: relative; 
    bottom: 30px; 
} 

*+html #enlacesSeo { 
    bottom: 30px; 
} 

#enlacesSeo div#titulo_destinos{ 
    float:left; 
    width:179px; 
    border-right: 1px solid #ddd; 
}

のFirefox、ChromeとOperaのOK。 Internet Explorerの6/7、無視:(

はでも試してみました：？

* html .enlacesSeo { 
    /*hack IE6*/ 
    position: relative; 
    bottom: 30px; 
}

私が間違ってやっている任意のアイデアを

Firefox View IE view: the div its not top:-15px or bottom:30px :?

写真を見てください

出典

2011-08-16 Toni Michel Caubet

あなたの全体のHTMLとCSSを投稿してくださいだろう。 –

あなたは、top勝利をposition: relativeとの両方topとbottomを持っているので、あなたがbottom値を設定したい場合は、まずtop: autoを設定する必要がある場合。

だから、あなたのケースでは、

* html #enlacesSeo { 
    /*hack IE6*/ 
    top: auto; 
    position: relative; 
    bottom: 30px; 
} 

*+html #enlacesSeo { 
    top: auto; 
    bottom: 30px; 
}

出典

2011-08-16 13:09:11 kizu

#enlacesSeo はないクラスに、IDを指す。.enlacesSeoを標的としますクラス。 <html>には親要素が存在しないため

* html .enlacesSeoは何をターゲットすることはありません。

出典

2011-08-16 11:24:21 Tomalak

は両方がどちらも仕事をしようとした#enalcesSeo :( –

'* html'は、[この]（http://en.wikipedia.org/wiki/CSS_filter#Star_HTML_hack） – thirtydot

@thirtydot、excusmeですが、私はあなたのポイントを得ることはありません。：？ –

位置相対トップ/ボトム無視のInternet Explorer 6/7

答えて

関連する問題