CSS / HTML проблема в IE - как исправить?

Question

Я работаю над этой страницей здесь:

http://noasimon.co.il/

Это выглядит хорошо в Firefox, Chrome, Opera и IE8
Но когда я включаю «Взгляд совместимости» в IE8, изображения меню идут ниже текста.

Еще одна проблема, которая происходит только в этой странице:
http://noAsimon.co.il/exhiMonit2010.

Миниатюры идут слишком далеко, осталось за пределами вида.

Кто-нибудь знает, как я могу это исправить? У меня очень мало опыта с такими вещами.

Answer 1

.ngg-альбом {положение: родственник; } .ngg-Albumimage IMG {положение: абсолют; Слева: 0; Вершина: 0; } .ngg-albumimage {display: inline; }

Answer 2

Поздравляем с V3C-действительным HTML! (Я проверял просто чтобы убедиться)

Так как это выглядит как div#header всегда будет 50px высокий и всегда в (0,0) внутри div#wrapper, и то div.sidebar Всегда в (0,50), почему бы не сделать это:

div#wrapper {
    position: relative;
}

div#wrapper div#header {
    position: absolute;
    height: 50px;
    top: 0px;
    left: 0px;
}

div#wrapper div.sidebar {
    position: absolute:
    top: 50px;
    left: 0px;
}

Answer 3

На втором взгляде на вашу страницу я подумал, что уловки моего использования моего друга может помочь:

* {прокладка: 0; Маржа: 0;}

Обычно это помогает решить распространенные проблемы со совместимости, связанными со значениями совместимости, связанные с значениями по умолчанию.

Answer 4

Похоже, это хороший случай "Двойной маржа"

В основном то, что нужно сделать для «совместимого представления», должен установить display к inline на элементах, которые плавают и имеют маржу.

.ngg-albumtitle {
    float: right;
    display: inline;
}

Answer 5

Вы можете использовать ..

.sidebar ul {margin: 0px; прокладки: 0px;

} .sidebar li {float: справа; Дисплей: встроенный блок; Маржа: 1px; прокладки: 0px 4px '

размер шрифта:..;

}

Спасибо ptiwari.