dave: Fehler bei <div> Positionierung!

Hallo!

Folgende Struktur (Tabelle):

<div id="body" style="position:absolute; top:0; left:0; ">

HEAD
-----------------------------------
MENU  | CONTENT
      |
<div2>|
      |
-----------------------------------
FOOTER
</div>

Im Bereich CONTENT definiere ich den <div2> ebenfalls mit postion:absolute, sodass er am linken Rand ausgerichtet wird.

Folgendes Problem:
Der Bereich FOOTER "verlässt" seinen Platz in der Tabelle und wird am oberen Ende über dem Bereich HEAD angezeigt!

Vielen Dank für eure Hilfe
mfg
dave

  1. hi,

    Folgendes Problem:
    Der Bereich FOOTER "verlässt" seinen Platz in der Tabelle und wird am oberen Ende über dem Bereich HEAD angezeigt!

    beschäftige dich mit den auswirkungen absoluter positionierung - und insbesondere damit, was du unternehmen musst, damit sich "absolute" relativ verhält.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. beschäftige dich mit den auswirkungen absoluter positionierung - und insbesondere damit, was du unternehmen musst, damit sich "absolute" relativ verhält.

      Ja schon klar, jedoch soll sich nichts relativ verhalten. Der Bereich FOOTER liegt in der Tabelle. Wahrscheinlich habe ich mich unklar ausgedrückt:

      Quelltext:
      <div id="body" style="position:absolute; z-index:1; left: 3; top: 0;">
        <table width="770" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td colspan="2">HEAD</td>
          </tr>
          <tr>
            <td width="160">MENU</td>
            <td width="610">CONTENT
               <div id="div2" style="position:absolute; width:103px; height:115px; z-index:2; left: 3px; top: 36px;">DIV2</div>
             </td>
          </tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2">FOOTER</td>
          </tr>
        </table>
      </div>