дополнительное пространство в ie7

#html #css #internet-explorer-7 #cross-browser

#HTML #css #internet-explorer-7 #кроссбраузерный

Вопрос:

Кажется, я получаю пробел между game_button и затем следующим классом

 <div class="blurb">
    <div class="game_box">
        <img src="imgs/pack.png" />
    </div>
    <div class="game_text">
        <img src="imgs/game_text.png" />
    </div>
    <div class="game_button">
        <a target="_parent" href="http://yourshapecenter.com/"><img border="0" src="imgs/button.png" /></a>
    </div>
</div>
<div class="bottom">
  

css-

  .blurb{

    padding-top:42px;
    margin-left:24px;
    width:468px;
}
.game_box{
    float:left;
}

.game_text{
    float:right;
}
.game_button{

    padding-top:13px;
    clear:both;
    display: block;

}
.bottom{
    margin-top:25px;
    margin-left:24px;
    height:161px;

}
  

если вы посмотрите на изображение ниже, вы увидите, что кнопка находится за пределами поля — она должна быть в поле с несколькими свободными пикселями под ней

слишком много места

Комментарии:

1. Не могли бы вы объяснить, в каком окне какой класс?

2. backgroud окна фиксированной высоты или нет?

3. вы можете просмотреть вкладку здесь- 0like.com/yourshape/index.html

Ответ №1:

Вы пробовали удалять теги img и вместо этого устанавливать их в качестве фоновых изображений для divs? А также, может быть, установить все остальные поля и отступы равными 0? Как и в тех, которые еще не были установлены.