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

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

Обе коробки называют тот же класс, почему 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>

Here is the page

источник

2010-03-24 Kyle

Ваши изображения отсутствуют? –

Холдон, в то время как я использую другой сервис хостинга изображений, который не сует, спасибо Flickr. – Kyle

Включите doctype тоже, пожалуйста, – Zoidberg

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

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

источник

2010-03-24 14:34:48

Боже, конечно! Извините, я забыл ссылку ... Длинный день. – Kyle

И все дело в том, что он отлично работает во всех браузерах, но IE, должен ли я просто изменить некоторые настройки в IE CSS (уже используя cond. Комментарии) или это что-то еще? Я весь день бил головой. – Kyle

Это зависит .... иногда в IE происходит нарушение, потому что IE не соответствует стандартам CSS (хотя, по моему опыту, IE 8 намного лучше относится к базовому CSS-совместимости, чем предыдущие версии, а не к тому, что это говорит много). В этом случае, конечно, вы можете вставить некоторый новый CSS в условный комментарий. В других случаях, хотя может быть, что вы совершили настоящую ошибку, например, мое предложение о том, что вам может не хватать закрывающий тег, - и это просто, что другие браузеры, на которых вы тестируете, делают лучшую работу, угадывая, что вы * предназначенный * сказать. В этом случае вы действительно хотите исправить ошибку. –

Я добавил:

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

с CSS:

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

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

источник

2010-03-25 13:51:07 Kyle

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

ответ

Смежные вопросы