CSS / HTML-Problem in IE - wie sie zu beheben?

Question

Ich bin auf dieser Seite hier:

http://noasimon.co.il/

Es sieht gut aus in Firefox, Chrome, Opera und IE8
Aber wenn ich auf der „Kompatibilitätsansicht“ in IE8 drehen, gehen die Menübilder unter dem Text.

Ein weiteres Problem, das nur in dieser Ansicht geschieht, ist in dieser Seite:
http://noasimon.co.il/exhibition2010

Die Thumbnails gehen zu weit außerhalb der Ansicht von links.

Wer weiß, wie kann ich dieses Problem beheben? Ich habe sehr wenig Erfahrung mit dieser Art von Sachen.

Answer 1

.ngg-album {
    position: relative;
}
.ngg-albumimage 
img {
    position: absolute;
    left: 0;
    top: 0;
}
.ngg-albumimage {
    display: inline;
}

Answer 2

Wir gratulieren zum W3C-valides HTML! (Ich habe gerade überprüft, um sicherzustellen,)

Da sieht es aus wie die div#header immer 50px groß und immer bei (0,0) innerhalb des div#wrapper sein werden, und die div.sidebar immer an (0,50), warum dies nicht tun:

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

Auf einem zweiten Blick auf Ihrer Seite dachte ich einen Trick ein Freund von mir Verwendungen von Hilfe sein könnte:

* {padding: 0; margin: 0;}

Dies hilft in der Regel gemeinsam IE Kompatibilitätsprobleme mit den Standardwerten von margin und padding dort verbunden zu lösen.

Answer 4

Es sieht aus wie dies ein guter Fall von "double margin"

Im Grunde, was Sie für „kompatibel Ansicht“ tun müssen, ist zu Satz display zu inline auf Elemente, die geschwommen sind und Marge.

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

Answer 5

Sie können verwendet ..

.sidebar ul { margin: 0px; padding: 0px;

} .sidebar li { schweben rechts; Anzeigen: Inline-Block; margin: 1px; padding: 0px 4px '

font-size: ..;

}

Danke Ptiwari.