Enrico: Überlappende Ausrichtung von DIVs innerhalb Tabellenzelle

Beitrag lesen

Hallo,

wie kann ich es bewerkstelligen, dass Registerreiter, die ich zur
Navigation durch meine DVD-Sammlung verwenden möchte, absolut
deckungsgleich (überlappend) innerhalb einer Tabellenzelle
angeordnet werden ?

Die Registerreiter sind verweissensitive Imagemaps und haben alle
die selbe Größe.

Wenn ich in meinem zugehörigen CSS-Sheet "position:absolute" angebe,
dann überlappen sich zwar alle Imagemaps, werden aber nicht innerhalb
der Tabellenzelle - wie beabsichtigt - ausgegeben.

Nehme ich "position:relative", dann überlappen sie nicht und werden,
nacheinander, wie im HTML-Code definiert, angezeigt.

Hier der entsprechende Code der CSS-Datei:

div.register
   {
     position:absolute;
     top:0px;
     left:0px;
     width:1490px;
     height:62px;
     border:0px;
   }

Hier der entsprechende Code der HTML-Datei:

<table border="0" cellpadding="0" cellspacing="0">
     <tr>
       <td colspan="3"><img src="spaltenkoepfe.png" width="1490" height="63"></td>
     </tr>
     <tr>
       <td width="10" background="rahmen_links.png"></td>
       <td width="1470" height="600"></td>
       <td background="rahmen_rechts.png"></td>
     </tr>
     <tr>
       <td colspan="3">
         <div class="register" id="1">
           <img ...>
           <map ...>
         </div>
         <div class="register" id="2">
           <img ...>
           <map ...>
         </div>
         ...
       </td>
     </tr>
   </table>

Wie kann ich mein Vorhaben umsetzen ?

Vielen Dank im Voraus.

Gruß,
Enrico