Schon wieder ein :hover Problem

Pudding · #1 (**permalink**) 29.05.2006, 18:31

Hey ihr,

ich glaube ihr könnt es schon langsam nicht mehr hören, wenn jemand ein :hover Problem hat, aber diesmal hat der Internet Explorer keine Rolle dabei

Also das Geschriebene von mir läuft problemlos unterm Firefox und Opera, jedoch haben konqueror 3.5.2 (KHTML) und Netscape 7.1 (gibt es dort überhaupt :hover?) das Problem, dass nicht geschieht.

So sieht der Teil in XHTML aus:

HTML-Code:

<div id="bottomHeader">
  <div class="moduletable-login">
     <h3>Anmeldung</h3>
     <div id="mod_login">
	<form action="index.php" name="login" method="post">
          <span class="small">Benutzername:</span><br/>
          <input type="text" name="username" size="12" class="inputbox" /><br />
          <!-- einige weitere inputs -->
	</form>
	<a href="#" class="sublevel-login" >Passwort vergessen?</a><br />
     </div>
  </div>
</div>

Insgesamt soll es folgendes bewirken: gehe ich über Anmeldung soll alles von #mod_login erscheinen.
Somit sieht das CSS sieht einen Tick lustiger aus:

Code:

#bottomHeader {
  position: absolute;
  top: 267px;
  width: 740px;
  margin: 0px auto;
}

div.moduletable-login {
  padding: 0 40px;
  margin: 0;
  float: right;
}

#mod_login {
  position: absolute; 
  top: 1em;
  width: 140px;
  display: none;
}

div.moduletable-login h3 + #mod_login {
  top: auto;
  left: auto;
}

div.moduletable-login h3:hover + #mod_login { 
  display: block;
}

div.moduletable-login #mod_login:hover {
  display: block;
}

Soweit so gut, der Firefox und Opera interpretieren das korrekt, jedoch der konqueror nicht, auf einen Browser kann ich verzichten, doch die Mehrheit der Browser sollte laufen.

Kann mir jemand einen Tipp geben, warum es so nicht läuft?

cheers
Pudding im Kühlschrank

BTW: Ich kann, sofern erwünscht noch ein Dokument vorbereiten. Ich möchte nicht, dass sich alle meinen privaten apache zulaufen

Pudding · #2 (**permalink**) 29.05.2006, 20:19

So jetzt habe ich das Problem doch noch selber lösen können

Anstelle über das h3 und #mod_login zu gehen, bin ich einfach über die Klasse moduletable-login gegangen. Ein :hover über diese Klasse ist zwangsweise ein :hover über h3. Somit konnte ich mir aber auch den ganzen Kram mit den komplexeren Selektoren ersparen, da #mod_login ein Kindelement von .moduletable-login ist. Es sieht nett aus und läuft einwandfrei bei allen Browsern (mit Ausnahme des IE, darum kümmere ich mich aber noch mit dem suckerfish-fix).

cheers
Pudding im Kühlschrank

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
menu problem: hover effekt bei submenu	dorkio	CSS	4	10.02.2012 11:44
hover problem	ChampS	CSS	12	28.01.2010 21:50
Problem mit CSS Menü	SMundt	CSS	9	07.01.2009 19:12
:hover Problem im Firefox	ulle	CSS	14	21.04.2005 16:47
Hover display:block background-color Problem	Karsten	CSS	2	26.08.2004 12:04