1. Container mit Linkinhalt blockiert 2. Container mit Linkinhal

[stephsteph]

Hallo zusammen,

ich dachte ich bin mal ganz schlau und wollte quasi "IN das Headerimage hinein" noch einen zweiten, kleineren BildLink rücken.
Nun ist ja klar, dass Div-Container Nummer 1 den Link von Div-Container nummer 2 (den ich ja nur mithilfe von Minuswerten margin hineingezwungen habe) blockiert.

Mit z-index ist da nichts zu machen.. Habe ich schon probiert.

Ich poste maleben die Codes.. soll ja hilfreich sein
Container 1=

  
#logo {  
float:left;  
width:auto;  
padding:0 0 0 0;  
margin-left:16px;  
margin-top:13px;  
margin-bottom:-20px;  
z-index:100;  
}

Container 2=

  
#switch {  
width: 96px;  
height: 74px;  
margin-left: 60px;  
margin-bottom: -95px;  
z-index:1000;  
}

Inhalt=

  
<div id="logo">  
	<div id="switch">  
	<a href="http://beispiel.de/seite2"><img src="/blog/content..usw/switch.png" alt=" /></a>  
	</div>  
<h1><a href="http://beispiel.de/seite1"><img src="/blog/content..usw/headerswitc_.png" /></a></h1>  
</div>  

Zu meiner Verteidigung: Soo lange mache ich das noch nicht, wie ihr vielleicht sehen könnt.. Ich lerne noch ;)

Danke für Hilfe

Grüße

[ChrisB]

Hi,

Danke für Hilfe

Wobei?

MfG ChrisB

[stephsteph]

Hi,

Danke für Hilfe

Wobei?

Naja und genau das habe ich vorher natürlich auch gemacht! Aber eine andere Lösung als z-index, was ich bereits probiert hatte, fiel mir da auch nicht ein. Hier herrscht auch wirklich immer ein so liebevolles Klima

MfG ChrisB

[stephsteph]

OMG. Ich habe die ganze Zeit Container #switch IN Container #logo gehabt.......... Ich denke, dazu muss ich jetzt nichts mehr sagen..

[Malcolm Beck´s]

مرحبا

Nun ist ja klar, dass Div-Container Nummer 1 den Link von Div-Container nummer 2 (den ich ja nur mithilfe von Minuswerten margin hineingezwungen habe) blockiert.

Du könntest die Reihenfolge der Elemente im HTML anpassen, oder

Mit z-index ist da nichts zu machen.. Habe ich schon probiert.

nochmal nachlesen, wie http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=z-index funktioniert.

mfg

[stephsteph]

مرحبا

Nun ist ja klar, dass Div-Container Nummer 1 den Link von Div-Container nummer 2 (den ich ja nur mithilfe von Minuswerten margin hineingezwungen habe) blockiert.

Du könntest die Reihenfolge der Elemente im HTML anpassen, oder
.. dann bekomme ich aber nicht das Ergebnis, das ich möchte.. hm.

Mit z-index ist da nichts zu machen.. Habe ich schon probiert.

nochmal nachlesen, wie http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=z-index funktioniert.

• Mit z-index 1 für #logo und z-index 2 für #switch habe ich es bereits versucht.. Das hat aber leider nicht geklappt.. Dann verstehe ich wohl z-index nicht. Und so wie ich das nun verstanden habe, steht auf der Seite http://de.selfhtml.org/css/eigenschaften/anzeige/z_index.htm@title=hier auch nichts anderes..

[Malcolm Beck´s]

مرحبا

Und so wie ich das nun verstanden habe, steht auf der Seite http://de.selfhtml.org/css/eigenschaften/anzeige/z_index.htm@title=hier auch nichts anderes..

Zitat: Diese Eigenschaft wirkt nur in Verbindung mit einer Angabe zu http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=position.
In deinem gezeigten CSS steht nichts dies bezüglich.

mfg

[Gunnar Bittersmann]

@@Malcolm Beck´s:

nuqneH

Zitat: Diese Eigenschaft wirkt nur in Verbindung mit einer Angabe zu http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=position.

Was in SELFHTML so alles für Unsinn steht! Die Bedingung ist notwendig, aber nicht hinreichend.

Richitg ist: „Angewendet auf: Positionierte Elemente“ [CSS2 §9.9.1] S.a. [icke]

Eine Angabe 'position: static' würde dem Wortlaut in SELFHTML nach zum Wirken der 'z-index'-Eigenschaft führen, was es natürlich nicht tut.

Qapla'

[Bademeister]

Hi Gunnar.

Zitat: Diese Eigenschaft wirkt nur in Verbindung mit einer Angabe zu http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=position.

Was in SELFHTML so alles für Unsinn steht! Die Bedingung ist notwendig, aber nicht hinreichend.

Eine Angabe 'position: static' würde dem Wortlaut in SELFHTML nach zum Wirken der 'z-index'-Eigenschaft führen, was es natürlich nicht tut.

Mein Sprachgefuehl widerspricht Deinem. Ist "wirkt nur mit ..." nicht gleichbedeutend mit "wirkt nicht ohne ..."?

Aber es scheint mir so oder so falsch (oder zumindest irrefuehrend) zu sein: Entscheidend ist der Wert der Eigenschaft "position", nicht dessen [CSS-]Angabe. Er kann auch anders gesetzt sein, etwa per JS.

Viele Gruesse,
der Bademeister

[Gunnar Bittersmann]

@@Bademeister:

nuqneH

Mein Sprachgefuehl widerspricht Deinem. Ist "wirkt nur mit ..." nicht gleichbedeutend mit "wirkt nicht ohne ..."?

Ja.

Was nichts daran ändert, dass „wirkt nur in Verbindung mit einer Angabe zu position“ unvollständig ist. Hinreichend wäre: „wirkt nur in Verbindung mit einer von "static" abweichenden Angabe zu position“.

Oder von mir aus auch: „wirkt nicht ohne eine von "static" abweichende Angabe zu position“.

Entscheidend ist der Wert der Eigenschaft "position", nicht dessen [CSS-]Angabe. Er kann auch anders gesetzt sein, etwa per JS.

Ja. Das sehe ich an der Stelle aber auch nicht ausgeschlossen. Und es scheint mir nicht die Stelle zu sein, an der darauf einzugehen wäre.

Und außerdem ist das Setzen per JS natürlich pfui.

Qapla'