IE8 позиционирование, кошмар! - PullRequest
Новая
       31

IE8 позиционирование, кошмар!

0 голосов
/ 24 марта 2010

Что ж, угадайте, у меня проблема с позиционированием IE! Это в 8, так что бог знает, что происходит в других версиях (проверка позже)

Оба поля вызывают один и тот же класс, почему IE так сложен?

Вот как это должно выглядеть:

right

А вот как это выглядит:

wrong

CSS: (удалены комментарии для удобства чтения) 

div .roundbigboxkunde {
    background-image:url(../../upload/EW_kunde_info.png);
    background-position:top center;
    padding:10px;
    padding-top:10px;
    padding-bottom:20px;
    width:560px;
    height:1%;
    border-width:1px;
    border-color:#dddddd;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    z-index:1;
    position:relative;
    overflow:hidden;


}

div .roundbigboxkundei {

    margin-top:10px;
    padding:10px;
    padding-top:10px;
    padding-bottom:10px;
    width:760px;
    height:1%;
    position:relative;
    overflow:hidden;

И HTML: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

    <div class="roundbigboxkunde"> 
    <div class="roundbigboxkundei"> 

<p id="nyk">&nbsp;</p> 
<div id="bg_box2"></div> 
<p class="required"> 

       <label for="billing_firstName"><span class="label">Fornavn:</span></label> 
       <fieldset class="error"><input name="billing_firstName" class="text" type="text" value="Kyle"/> 

    <div class="errorText hidden"></div> 
    </fieldset> 
</p> 

CONTENT CONTINUES

        </fieldset>

Вот эта страница

Ответы [ 2 ]

0 голосов
/ 25 марта 2010

Я добавил: 

<div class="clear"></div>

с помощью css: 

.clear
{
    clear: both;
    width: 100%;
    height: 0;
    overflow: hidden;
    float: none !important;
}

Между двумя ящиками. Исправлено прямо сейчас:)

0 голосов
/ 24 марта 2010

Учитывая, что у вас есть какой-то контент, который выглядит так, как будто он появляется внутри другого контента, на вашем месте я бы начал с двойной проверки, что все ваши теги закрыты (т. Е. У вас нет <div>, который отсутствует его </div>).

Но по тому, что вы написали, трудно сказать. , , Если страница размещена где-то и вы можете ссылаться на нее, это упростит отладку.

...