Zur Navigation

hintregrundbilder erscheinen nach zurück nicht wieder

1 Tony (Gast)

hallo!

folgendes problem habe ich, kann mir jemand helfen?
ich habe meine seite mit html und css erstellt. es gibt ein css rollover, in dem ein bild je nach bewegung der maus unterschiedlich positioniert wird und somit das entsprechende bild zum vorschein kommt. nun geschieht folgendes: wurde ein rollover bild und link betätigt und wird danach das "browser zurück" betätigt, so erscheint dieses rollover bild erst wieder, wenn man neben dieses rollover bild klickt. dies geschieht nur im internet explorer

05.12.2005 16:29

2 Jörg

Hallo Tony,

so ganz kann ich das Problem grad nicht nachvollziehen - hast du vielleicht eine Beispielseite oder einen Beispielcode?

mfG Jörg

05.12.2005 17:22

3 Tony (Gast)

Hallo Jörg!

Ja, hier ein wenig Beispielcode. Die Seite sieht aus wie auf http://www.xi-quadrat.de/bc/loesungen16er.html



<div class="left">
<div class="contentOverline"><span class=
"overline">&nbsp;&nbsp;</span></div>

<a class="boxLink" href="pg_braincapital_26_de.html"><img src=
"dotTrans.gif" border="0" height="84" width="1">Risiken und Chancen
managen!</a></div>

<div class="right">
<div class="contentOverline"><span class=
"overline">&nbsp;</span></div>

<a class="boxLink" href="pg_braincapital_29_de.html"><img src=
"dotTrans.gif" border="0" height="84" width="1">Eine offene Kulutr
schaffen!</a></div>

05.12.2005 17:35

4 Tony (Gast)

...und hier die css dazu:


#stageBloc div.left{
	width:360px;
	float:left;
}

#stageBloc img{
	border:0px;
}


#stageBloc div.right{
	margin-left:360px;
}

/* Box: Loesungen - Hintergrund */
a.boxLink:link, a.boxLink:visited {
	background: url(loesungen_hi_low.jpg) no-repeat left top;
	cursor:pointer;
	color:#7f8700;
}
a.boxLink:hover { 
	background-position: 0px -168px;
	color:#7f8700;
	cursor:pointer;
}
a.boxLink:active {	
	background-position: 0px -336px;
	cursor:pointer;
}


05.12.2005 17:39

5 Jörg

Beim Zurückgehen ist der Link "active", also gelten folgende Eigeschaften:


a.boxLink:active { 
background-position: 0px -336px;
cursor:pointer;
}

Bei Positionierung von -336px lässt der IE das 336px hohe Bild vollständig verschwinden. Wenn du den Wert niedriger einstellst, ist das Hintergrundbild wieder sichtbar

mfG Jörg

05.12.2005 18:35

6 Tony (Gast)

Vielen Dank Jörg für Deinen Ansatz. Es war genau der Richtige :)

06.12.2005 10:36

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]