Einzelnen Beitrag anzeigen
Alt 13.01.2007, 16:24   #1
ff
Veteran
 
Registriert seit: 13.11.1999
Beiträge: 466


Standard html - css - ebenen

Ich habe 3 Ebenen in einer Zelle, die sich teilweise ueberlappen sollen:
PHP-Code:
<style>
 
#Ebene0 {position:relative; top:0px; left:6px; z-index:1;}
 #Ebene1 {position:relative; top:6px; left:6px; z-index:3;}
 #Ebene2 {position:relative; top:-20px; left:52px; z-index:2;}
</style>

<
table cellpadding='0' cellspacing='0' border='0' style='table-layout:fixed; width:150px; height:150px;'>
 <
tr>
  <
td>
   <
div id='Ebene1'>Inhalt_1</div>
   <
div id='Ebene2'>Inhalt_2</div>
   <
div id='Ebene3'>Inhalt_3</div>
  </
td>
 </
tr>
</
table
Das funktioniert auch wunderbar, nur, warum wird trotz "table-layout:fixed;" die Zelle so weit auseinandergedrueckt, als ob die Inhalte untereinander stuenden? Wo ist da der Wirm drinn und wie laesst sich das vermeiden?

Danke und lg
ff
ff ist offline   Mit Zitat antworten