✔ Css Mouseover ff -> ie6

[xXx_BaSStar_xXx]

Hallo zusammen,

ich habe ein ca. 5px hohes Problem

	<tr>
		<td height="22"><img src="images/indexii/nav_left.gif" width="35" height="22" alt="" />
		</td>
		<td colspan="2" height="22"><a onfocus="this.blur()" href="index.php?action=start" id="start"></a></td>
		<td colspan="2" height="22"><a onfocus="this.blur()" href="index.php?action=galerie" id="galerie"></a></td>
		<td height="22"><a onfocus="this.blur()" href="index.php?action=service" id="service"></a></td>
		<td colspan="3" height="22"><a onfocus="this.blur()" href="index.php?action=partner" id="partner"></a></td>
		<td colspan="3" height="22"><a onfocus="this.blur()" target="_blank" href="http://www.forum.x-basstar-x.de/" id="forum"></a>
		</td>
		<td height="22"><img src="images/indexii/nav_right.gif" width="35" height="22" alt="" /></td>
	</tr>

a#start { display:block; width:157px; height:22px; background-image:url('../images/indexii/start.gif');}	
a#start:hover { background-image:url('../images/indexii/starto.gif');}

Das ganze an den Rändern (oben, unten) im IE6 verschoben.
Zu sehen hier
display:block; hat eigentlich immer geklappt.

 

[Maik]

Hi,

mit display:block funktioniert es auch diesmal, um die Lücken / Verschiebungen im IE zu schliessen.

img { display:block; }

 

[xXx_BaSStar_xXx]

Sorry, aber das verstehe ich nicht ganz mein a#start
hat doch wie alle anderen der Navigation display:block; !?

Dem img kann ich es ja nicht direkt zuweisen da,
es ja als bg für das a definiert ist.

Oder meinst du ich solle auf mein css mouseover verzichten?

 

[Maik]

Nein, es geht hierbei um diese Zeilen, in denen du Zeilenumbrüche und Leerzeichen (sog. "White Spaces") um das Grafik-Element gesetzt hast, die der IE mit den Verschiebungen im Layout quittiert:

<td>
                        <img src="http://www.x-basstar-x.de/images/indexii/head_left.gif" width="35" height="193" alt="" /></td>
                <td colspan="11">
<img src="http://www.x-basstar-x.de/images/indexii/head4.jpg" width="780" height="193" alt="" />                </td>
                <td>
                        <img src="http://www.x-basstar-x.de/images/indexii/head_right.gif" width="35" height="193" alt="" /></td>

 

[xXx_BaSStar_xXx]

Ich lach mich tot!
...obwohl es ist eher zum heulen...
Ich dachte ich hätte schon alles gesehn was der IE für
Mist baut aber das ist ja unglaublich!

Mein Quelltext sieht jetzt zwar etwas unordentlich aus
aber es klappt wunderschön!

Danke!