To jest błąd IE7:

Mam kawałek stołu, który przesuwam do innego <tbody>. Ok, problem polega na tym, że wewnątrz komórek mam pozycję: względną; div i wewnątrz tego div mam kilka innych divów position:absolute;.

Chodzi o to, że są one renderowane tak, jakby nadrzędny div nie był position:relative, czyli całkowicie w lewym górnym rogu ekranu. CZEMU?!?!

W ff, chrome działa dobrze, ale w IE7 otrzymuję te denerwujące rzeczy. Próbowałem wszędzie umieścić hasLayout, ale to po prostu nie działa.

Oto co mam:

<table>
    <thead></thead>
    <tbody id="mtbody">
    </tbody>
</table>

A oto co otrzymuję i wciskam do "mtbody" (przykład):

<table id="testando">
<tr>
        <td hasLayout="true" class="uhr sl" colspan="7" style="border-bottom: dashed 1px #dddddd; background-color: #eeffee;">
            <div style="overflow: hidden;" class="holdU" hasLayout="true" betriebsId="83113" betriebsName="2nd Level">
                <div hasLayout="true" class="uhr filled0sl" style="width: 679px; left: 0px;">
                </div>


                    <div hasLayout="true" class="border" style="left: 96">
....

Tak więc klasa „holdU” to position:relative, a klasy „uhr” to position: absolute i są teraz w moim lewym górnym rogu, jakoś niewidoczne.

Jak mogę to naprawić?

AKTUALIZACJA:

Tak więc zasadniczo jest to oczekiwany wynik: http://jsfiddle.net/kgT6E/ (od DanielB). Ale tego NIE rozumiem. Wyobraź sobie, że ten zielony kwadrat jest teraz oddalony o 100 pikseli od granic, ale zamiast zawijać czerwone kwadraty, pozostają one w lewym górnym rogu, ponieważ pozycja: względem zielonego kwadratu nie daje żadnego efektu.

Oto kod, którego używam do ładowania rzeczy do tabeli:

$.get(savedUrl, function(res) {
        var div = $("<div>").html(res);
// this is because I get other stuff together, but what I really want is the tbody content.
        $("#mtbody").html($(div.find("tbody").get(0)).html());
});

Wcześniej ładowałem wszystko do tbody, $("#mtbody").load(savedUrl)

Ale IE7 nie rozpoznawał TR i TD, więc musiałem zawinąć je w stół. Teraz otrzymuję to dziwne pozycjonowanie z pozycji position:absolute divs.

UPDATE2: Próbowałem umieścić wszystkie jednostki (23 px), ale jak dotąd bez powodzenia. Myślę, że to dlatego, że muszę najpierw zapakować go w div, a kiedy to robię, pozycje nie są aktualizowane.. naprawdę dziwny i paskudny błąd z IE.. =/