Hover-Bug im IE6: Grafik springt in die Ecke

Fragen zu CSS.
Fragen zu we:Tags bitte im Forum webEdition Templates erstellen (we:Tags) posten.
Landoran

Hover-Bug im IE6: Grafik springt in die Ecke

Beitragvon Landoran » Do 2. Nov 2006, 11:59

Hallo,
wahrscheinlich kennt ihr dieses Problem schon in ähnlicher Weise, aber so wie bei mir habe ich es bisher noch nicht gesehen und erst recht keine funktionierende Lösung gefunden, darum bitte ich Euch um eure Mithilfe:

Das Problem tritt nur im IE auf (wir benutzen IE 6): Die Beispielseite (stark vereinfacht) sieht beim Aufruf ok aus; die beiden Logos "Rechtslogo 1" und "Rechtslogo 2" befinden sich genau in der oberen rechten Ecke. Wenn ich jedoch unten mit der Scrollbar nach rechts scrolle, so dass besagte Logos nicht mehr in der rechten Ecke sind und anschliessend mit der Maus über den ersten Link in der Mitte fahre ("Dies ist der erste link"), so wird das Rechtslogo 1 neu positioniert und springt erneut in die rechte Ecke. Analog geschieht das mit Rechtslogo 2 (unter Rechtslogo 1), wenn ich mit der Maus über den zweiten Link in der Mitte fahre.
Zusätzlich wird Rechtslogo 1 auch dann neu in der Ecke positioniert, wenn ich direkt über das Rechtslogo fahre.

Kann man für IE6 ohne viel Aufwand etwas machen, damit die Logos nicht neu positioniert werden ?
Wenn ich in den css-Angaben bei a:hover die Background-Farbangabe entferne, bleibt Rechtslogo 1 an Ort und Stelle ... nur sollte die Farbänderung beim "Hovern" über einen Link möglichst erhalten bleiben.

Wisst ihr Rat ?
Die Beispielseite steht im Anhang als .txt-Datei und muss nur in .htm umbenannt werden.
Ich freue mich sehr auf eure Anregungen.

Viele Grüße und vielen Dank im Voraus,
Landoran

Landoran

Beitragvon Landoran » Do 2. Nov 2006, 17:24

Hallo,

ich habe die Datei nochmal geändert -- sie ist noch etwas weiter gekürzt und ist jetzt 100% XHTML1.1 VALID ! (was an dem IE-Bug-Problem jedoch nichts ändert).

Freue mich auf eure Anregungen.

Viele Grüße,
Landoran

ikbenivo

Beitragvon ikbenivo » Do 2. Nov 2006, 21:01

do you have a link where we can test this?
I think I have the same problem:

Only in IE, when I hover over the navigation, somewhere else on the page a block of content disappears...
See http://skyhightv.tv/tvprogramma/tv_programma.php?we_objectID=46
Hover over the navigation and watch the grey block in the middle.
To show the content of that block again, you can hover over the banner at the bottom of the page.
The XHTML and CSS are valid...

Landoran

Beitragvon Landoran » Fr 3. Nov 2006, 10:30

Hi dear ikbenivo,

sorry, i don't have any URL yet, that's why i put my website in a txt-File here.

hm, i guess our problems are a bit different - in my site, a whole element moves to another location while in your page, the element remains where it is, only the text inside disappears ...
however, i think the reason may be more less the same. I believe it has something to do with position:absolute, at least in my website -- when i remove that statement, my logos stay where they are - but of course, the layout looks very strange then.
I can also simply remove the change of the background color when hovering, then it works, and the layout is unchanged ... but i've been told the color change should remain. :(

Is this of any help to you ?
Have you tried it in IE 7 yet ? Maybe it works there ?

kind regards
Landoran

ikbenivo

Beitragvon ikbenivo » Fr 3. Nov 2006, 17:29

hm, i guess our problems are a bit different - in my site, a whole element moves to another location while in your page, the element remains where it is, only the text inside disappears ...
however, i think the reason may be more less the same. I believe it has something to do with position:absolute, at least in my website -- when i remove that statement, my logos stay where they are - but of course, the layout looks very strange then.


I'm also working with position:absolute (and relative) and I think are problems are the same. My text seams to disappear, but I think it's doing a left:-999;. I'm using that in my suckerfish (a list apart) navigation. If I remove the hover statements, my navigation will stop working.
Maybe you can try to use background-images instead of background colors?

I've havent tried IE7 btw.

ikbenivo

Beitragvon ikbenivo » Di 7. Nov 2006, 15:48

I've tried IE 7. That didn't help...Did you find a fix maybe?

Landoran

Beitragvon Landoran » Di 7. Nov 2006, 17:28

Hi,

i tried IE7 - strange. The repositioning effect is no longer there, but the whole middle part of the website (the content part) drops down, below the left navigation button(s) ... now i'm very confused.

Others advised me to get rid of position:absolute and try to get along with float and margin attributes. Not very easy ...
Well, good luck !

I have to do some other things right now, but if i find a solution, i'll tell you. Please make a post here if you find out, too !

Landoran

ikbenivo

Beitragvon ikbenivo » Di 7. Nov 2006, 18:31

I've got it fixed.
It was a position:relative thing. I removed it and now it works.
So I could fix it by using floats. I still think it's weird.

I still would like to help you out. Maybe you can sketch what you'd like to achieve? Maybe then I can write a css that doesn't uses absolute positionings.
(It's a bit hard to fix it with just the code)


Zurück zu „CSS“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast