[Skinwalker]

Kennt jemand eine gute Lösung um Bilder geordnet über/unter-,neben- und über/druntereinander
zu positionieren?

also zb ich habe 8 Bilder davon sollen die ersten 4 in 2 reihen und 2 spalten angeordnet sein und die nächsten 4 genau über den ersten vieren liegen..also "über" im sinne von sie verdecken die ersten 4 (wenn sie nicht mindestens teilweise transparent sind)

bisher habe ich das in einer sehr unschicken Koalition aus Divs und Tabellen geregelt..

<div id="frame" style="position:relative;" align="center">
  <div style="position:absolute; z-index:2;">
   <table border="0" cellpadding="0" cellspacing="0">	
    <tr>
      <td width="32" height="32"><img></td>
      <td width="32" height="32"><img></td>
    </tr>
    <tr>
      <td width="32" height="32"><img></td>
      <td width="32" height="32"><img></td>
    </tr>
   </table>
  </div>
  <div style="position:absolute; z-index:1;">
   <table border="0" cellpadding="0" cellspacing="0">	
    <tr>
      <td width="32" height="32"><img></td>
      <td width="32" height="32"><img></td>
    </tr>
    <tr>
      <td width="32" height="32"><img></td>
      <td width="32" height="32"><img></td>
    </tr>
   </table>
  </div>
</div> 

interessanterweise verschiebts mir den oberen div in manchen
browsern...und zwar überall ein bisschen anders was natürlich nicht so toll ist.

hat jemand eine alternative Idee?

interessanterweise verschiebts mir den oberen div in manchen
browsern...

ist denn das

PHP-Code:

style="position:relative;" 


in dem DIV notwendig?
Diese Anweisung dürfte wohl dafür verantwortlich sein.

Grüsse
flupsi

[Skinwalker]

Das sollte denke ich nicht dafür verantwortlich sein da es ja nur das div betrifft das die beiden Tabellen-divs umgibt und somit richtig innerhalb der Seite positioniert.

Sollte also die Lage der inneren divs zueinander nicht betreffen.

dann habe ich die Definition von "oberen div" falsch verstanden

[PaterNoster]

Ich denke mal, wenn Du mit position:absolute arbeitest, wäre eine Postionsangabe nicht schlecht, also so was wie bottom:0; left:15 oder so... oder steht da evtl was in der passenden CSS-Datei?

[Skinwalker]

hm... aber ich dachte das die beiden absolutes sich an dem nächst höheren Elternelement orientieren... und dann sollten sie doch beide direkt übereinander liegen...was ja leider gottes nicht der fall ist T_T

[Skinwalker]

ich habe jetzt mal fleissig rumprobiert und bei den einzelnen divs "top: -20px" reingehaut nur um zu sehen wo ich den Fehler suchen muss aber es hat in keinem der Fälle was brauchbares geliefert.

bei den inneren divs hat sich gar nichts getan und beim äusseren (position:relative) div habe ich damit nur die Position aller divs zusammen verschoben (was ja auch so richtig ist.).

Aber warum die inneren divs sich nicht übereinanderlegen lassen ist mir immer noch unklar.

bei einem einfachen

<div style="position:relative;">
 <div style="position:absolute; z-index: 1;">inhalt 1</div>
 <div style="position:absolute; z-index: 2;">inhalt 2</div>
</div> 

geht es doch auch.. nur sobald ich inhalt 1 und inhalt 2 mit 2 tabellen ersetze gibt es wieder die verschiebung... -.-