Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Problem zwischen IE und Mozilla
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Problem zwischen IE und Mozilla

Pages: [1]
geschrieben von Xyres am 31.10.2005 - 12:40
Hi @ all,

ich habe folgendes Problem: Ich habe eine Tabelle mit , wenn ich nun mit der Maus darüber fahre soll si der Hintergrund der Tabellenspalte verändern was auch im Mozilla funktioniert jedoch nicht im IE.

Hier der Code.

Der CSS Teil:

.td_menu td:hover {background-image:URL("./images/bg_hover.gif");}


Das Menü:


<TABLE width="99%" height="100%" cellspacing="0" cellpadding="0" class="td_menu" id="smaller">
<TR bgcolor="#F4D2D2">
<TD id="border_full" width="100px" align="center"><a href="?action=main">Home</a></TD>
<TD id="border_full" width="100px" align="center"><a href="?action=products&products=1">Produkte</a></TD>
<TD id="border_full" width="100px" align="center"><a href="?action=downloads">Downloads</a></TD>
<TD id="border_full" width="100px" align="center"><a href="?action=contact">Kontakt</TD>
<TD id="border_full" width="100px" align="center"><a href="?action=about_us">&Uuml;ber Uns</a></TD>
<TD id="border_full" width="100px" align="center"><a href="?action=imp">Impressum</a></TD>
<TD id="border_full" width="100px" align="center"><a href="?action=customer_login">Kunden Login</a></TD>
</TR>
</TABLE>

hoffe es kann mir jemand helfen

mfg xyres

geschrieben von René am 31.10.2005 - 14:44
CSS
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 

.all_liste
{
	background-color: #dfdfdf;
}

.all_hover
{
	background-color: #d9d9ff;
}


JavaScript
HTML-Quelltext
1: 
2: 
3: 
4: 

function change(obj, nam)
{
	obj.className = nam;
}


HTML-Quelltext
1: 

<tr class="all_liste" onmouseover="change(this, 'all_hover');" onmouseout="change(this, 'all_liste');">

geschrieben von Matneu am 31.10.2005 - 15:33
Der IE ist leider ein sehr veralteter Browser, er unterstützt die Pseudo-Formate :hover, :active etc. nur bei dem a-Element, nicht jedoch bei einem td-Element. Renés Lösung basiert zwar auf Javascript, allerdings gibt es vermutlich (zumindest für den IE) keine vernünftige Lösung. Bleibt zu hoffen, dass der neue IE endlich mal CSS vernünftig unterstützt.

So far...
Matthias

geschrieben von Xyres am 01.11.2005 - 15:01
vielen dank für eure hilfe.

geschrieben von sobi am 02.11.2005 - 00:10
Es lässt sich ohne JS auch über das a-Element mit einem Display:BLOCK & Width=100% für den Link lösen.

Nur zur Info.

geschrieben von Xyres am 02.11.2005 - 17:07
die Lösung von Rene funktioniert wunderbar, ich werde dabei bleiben, aber danke für deine antwort.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.