Elemente positionieren - Opera will nicht

[Detlef G.]

Hallo Ingo

Ich bin nicht sicher, ob ich das nun richtig gemacht habe.

Wenn du keinen Text sondern ausschließlich Grafiken verwendest, dessen
Größe du kennst, kannst du noch etwas vereinfachen:

  
  
html, body{  
  height:100%;  
  margin:0;  
  padding:0;  
}  
#spacer, #center {  
  position:absolute;  
  margin:0;  
  padding:0;  
}  
#spacer {  
  min-width:482px;  /* Höhe von #center */  
  min-height:482px; /* Breite von #center */  
  height:100%;  
  width:100%;  
}  
#center, #IEspacer {  
  width:482px;      /* Höhe von #center */  
  height:482px;     /* Breite von #center */  
}  
#center{  
  top:50%;  
  left:50%;  
  margin:-241px 0 0 -241px; /* halbe Höhe und Breite von #center */  
  border:1px solid #0f0;  
  text-align:center;        /* falls die Grafiken nicht vollständig ausfüllen */  
}  
#center img {               /* auch die Grafikeigenschaften hierhin */  
  border:1px solid #f00;  
  padding:0px;  
  width:218px;  
  height:218px;  
  margin:10px;  
}  

Je nach Größe der Grafiken musst du die Maße eventuell anpassen.

Achtung:
Lasse alle Leerzeichen, Zeilenumbrüche usw. zwischen den Grafiken weg.
(der IE zeigt sonst ein Leerzeichen dazwischen)

Auf Wiederlesen
Detlef