Gunther: Kombination aus relativer und absoluter positionierung

Beitrag lesen

SELF-Forum

Kombination aus relativer und absoluter positionierung

Gunther
– Informationen zu den Bewertungsregeln

Hi!

...Also ich sehe im FF im Querformat nur ein stück von a3 und das relative-div-a4 und sonst nichts. ist das ein bug?

im IE klappts soweit, aber da sehe ich nur ränder und keine farben, aber ich wollte auf den ie verzichten!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
<html><head><title>position</title>  
<style type="text/css">  
body { margin:0; padding:0; }  
div { border:1px solid #888; }  
  
#a3 { position:absolute; top:2cm; left:200px; width:200px; height:200px;  
      z-index:3; background-color:#ffa; }  
#a4 { position:relative; top:2cm; left:20px; width:70px; height:70px;  
      z-index:1; background-color:#ff5; }  
#a5 { position:absolute; top:20px; right:20px; width:70px; height:70px;  
      z-index:2; background-color:#dd2; }  
#a6 { position:absolute; top:130px; left:-50px; width:190px; height:70px;  
      z-index:-1; background-color:#fdd; }  
</style>  
</head><body>  
  
<div id="a3">a3 absolute  
  <div id="a4">a4 absolute</div>  
  <div id="a5">a5 absolute</div>  
  <div id="a6">a6 absolute</div>  
</div>  
  
</body></html>

Vielleicht probierst du es mal damit.
Also ohne die Height-Angabe für body und bei #a3 für top nur 2cm anstatt von 22cm!

Und vielleicht liest du dir auch mal die Tipps für Fragende durch.

Deinen Halbsätzen kann man nämlich nur sehr vage bis gar nicht entnehmen, was du eigentlich erreichen willst und woran es letztendlich scheitert.

Gruß Gunther

Beitrag melden
–
Informationen zu den Bewertungsregeln