положение относительно сверху / снизу игнорируется Internet Explorer 6/7 - PullRequest
Новая
       1

положение относительно сверху / снизу игнорируется Internet Explorer 6/7

1 голос
/ 16 августа 2011

Код: 

    <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 :?

Ответы [ 2 ]

4 голосов
/ 16 августа 2011

Если у вас есть position: relative и оба top и bottom, выигрывает top, поэтому, если вы хотите установить значение bottom, вам нужно сначала установить top: auto.

Итак, в вашем случае это будет 

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

*+html #enlacesSeo {
    top: auto;
    bottom: 30px;
}
1 голос
/ 16 августа 2011

#enlacesSeo относится к идентификатору, а не к классу..enlacesSeo будет предназначаться для класса.

* html .enlacesSeo никогда не будет предназначаться для чего-либо, потому что нет родительского элемента для <html>.

...