✔ habe auch ein Ebenenproblem

[Pielo]

Tagchen, ich schon wieder!!

Ich hänge schon wieder an eien dummen, für euch sicher simplen Problem. Also wie in der Überschrift schon angesprochen geht es um die Ebenen um genauer zu sein um die z-Ebene. Ich habe ein Logo und daneben eine Uhr auf meiner Seite. Wenn man den Browser verkleinert ist die Uhr über dem Logo und das wollt ich irgendwie über den z-index ändernaber ich bekomm es irgendwie nicht hin, hab schon sämmtliches probiert, ich weis nicht ob es an dem Code von der Uhr liegt, ob er anders behandelt werden muß.

hier mal der html-Code:

      <!-- Logo --> 

<div id="logo"; style=z-index:2;>
	<img src="Page_neu/Pielos_page1.gif">
</div>
 	

 	
 	<!-- Uhr einstellung --> 

<div style="text-align:right; z-index:1";>
<APPLET CODE="Clock3D.class" WIDTH=300 HEIGHT=200>
<PARAM NAME=fps VALUE=18>
<PARAM NAME=a1 VALUE=12500>
<PARAM NAME=pixd VALUE=30>
<PARAM NAME=pixangle VALUE=5>
<PARAM NAME=radius VALUE=26>
<PARAM NAME=roty VALUE=-4> 
<PARAM NAME=rotx VALUE=0>
<PARAM NAME=rotz VALUE=0.401>
<PARAM NAME=irotx VALUE=0>
<PARAM NAME=iroty VALUE=0>
<PARAM NAME=irotz VALUE=10>
<PARAM NAME=style VALUE=0>
<PARAM NAME=color VALUE=#B2CBFF>
<PARAM NAME=bgcolor VALUE=#000000>
</div>
<PARAM NAME=12hour VALUE=0>
</APPLET>

Ich mus zugeben das ich die Uhr nicht selber gemacht hab,hab sie nur so gefunden und passend gemacht und eingesetzt.
naja im css-Code hab ich nur die Position für das Logo festgelegt.

Danke schon mal im vorraus, und sorry falts ich langsam nervig werde!!

***lg Pielo***

 

[Maik]

Hi,

wenn ich im Topic die Betonung "auch" lese, gehe ich davon aus, dass du zuvor diverse Themen zu dieser Problematik gelesen hast.

Ist dort nirgends der Hinweis (von mir) gefallen, dass z-index nur in Verbindung mit der position-Eigenschaft (absolute / relative) funktioniert?

Denn hierbei handelt es sich nunmal um eine "Schichtpositionierung" auf der Z-Achse - siehe hierzu auch den Abschnitt z-index (Schichtposition bei Überlappung).

mfg Maik

 

[Pielo]

Ja du hast recht ich habe schon einige Themen hier gelesen, und habe auch schon gelesen das ich das nur in verbindung mit dem positions-Tag geht. Aber irgendwie will das nicht so wie ich das will, deshalb hatte ich es dann auch mal wieder gelöscht und mal wieder was anders probiert und dann naja alles was ich halt so gelesen hab probiert.

Habe jetzt wieder die Position deklariert, aber irgendwas mach ich anscheind faltsch.

hier mal so wie ich es jetzt hab:

                  <!-- Logo --> 

<div id="logo"; style="position:absolute; left:12px; z-index:2;">
	<img src="Page_neu/Pielos_page1.gif">
</div>
 	

 	<!-- Uhr einstellung --> 

<div style="position:absolute; top:20px; left:800px; z-index:1;">	
<APPLET CODE="Clock3D.class" WIDTH=300 HEIGHT=200>
<PARAM NAME=fps VALUE=18>
<PARAM NAME=a1 VALUE=12500>
<PARAM NAME=pixd VALUE=30>
<PARAM NAME=pixangle VALUE=5>
<PARAM NAME=radius VALUE=26>
<PARAM NAME=roty VALUE=-4> 
<PARAM NAME=rotx VALUE=0>
<PARAM NAME=rotz VALUE=0.401>
<PARAM NAME=irotx VALUE=0>
<PARAM NAME=iroty VALUE=0>
<PARAM NAME=irotz VALUE=10>
<PARAM NAME=style VALUE=0>
<PARAM NAME=color VALUE=#B2CBFF>
<PARAM NAME=bgcolor VALUE=#000000>
<PARAM NAME=12hour VALUE=0>
</APPLET>
</div>

hab jetzt auch die css positionierung für das Logo weggemacht da ich es ja ins html mit reingemacht habe. Ist quasi jetzt nur noch die die html-deklarierung für die zwei Sachen da. Kann das sein das das bei dem Code für die Uhr nicht geht mit dem z-index (was ich mir aber nicht vorsellen kann).

 

[Maik]

Die Reihenfolge der Schichtpositionen stimmt bei mir soweit.

Bin mir jetzt nicht sicher, ob es evtl. an dem eingebundenen Applet liegt, wenngleich ich mich frage, wie sich die beiden Blöcke mit ihren Startpositionen von links beim Verkleinern des Viewports übereinander schieben sollen, da ja ihre Position vom linken Fensterrand aus fix ist.

Was verbirgt sich denn eigentlich hinter dem Parameter irotz?

mfg Maik

 

[Pielo]

Ja nee danke, habe es jetzt mit deinen indirekten Tips hinbekommen. Da ich jetzt wieder das absolute in die Uhr eingefürgt habe und nicht mehr "text-align:right" bleibt die Uhr wo sie ist und es erscheind ein scrolbalken unten wenn man den Browser kleiner macht, und nicht wie vorher das die Uhr über das Logo rutscht. Hoffe hab mich jetzt nciht zu dumm ausgedrückt :-( .

Aber DANKE für deine gute und wiedermal vorallen total schnelle hilfe! Bist wirklich klasse!!

***lg Pielo***