float - IE6: Bug oder Fehler von mir?

[Palme]

Hallo,

unter folgender Adresse ist eine Seite von mir, welche einen seltsamen Efekt aufweist, und zwar nur im IE (habe nur IE6):

http://felten-d.de/probe.html

Der Inhalt erscheint bei mir zunächst nicht (außer das Bild). Erst wenn ich nochmals aktualisiere, oder mit der Maus über die Navigationsleiste fahre, erscheint der Inhalt.

Im Mozilla u. Opera, habe ich dieses Problem nicht. Ist es also ein Bug des IE, oder hat der IE solche Probleme mit >float<, denn das Problem taucht nur dannn auf, wen ich ein Float mit ins Spiel bringe, - hier bei dem Bild.

Danke im Voraus!

Palme

[Christian]

Hallo Palme.

Mein IE 6 *aus-der-hintersten-ecke-des-startmenüs-rauskram* hat beim ersten Laden den Fehler nicht gemacht, bei aktualisieren macht er ihn auch nicht, bei einem Klick auf "Wechseln zu" aber habe ich das gleiche Problem.
Scheint ein Problem von IE zu sein, der die reihenfolge von Vorder- und Hintergrund nicht hinbekommt wenn er die Seite nicht komplett neu läd. Wenn ich über den "leeren" Inhalt ziehe kriege ich nämlich den Text dargestellt - und er bleibt auch da.
vielleicht hilft es ja, wenn du beim text float:none; notierst, einen z-index angibtst oder ein bisschen mit der verschachtelung experimentierst.
Vielleicht kennt ja ein anderer im Forum einen genauere Lösungsansatz...

Mein
Grüsse,
  Christian

[Palme]

Hallo nochmal,

ich habe jetzt die Lösung, oder besser gesagt die Lösung zum Umgehen dieses Bugs, gefunden. Sicher gibt es auch noch mehrere andere Lösungen, je nach dem...

Also:

Der Fehler trat bei mir im IE6 immer dann auf, wenn ich ein gefloatetes Element hatte. Dabei war der Code folgendermaßen aufgebaut:

<div id="content" ><!--content-->

<img style="float:right; width:30%;" src="./img/puzzle.gif"
   alt="" border="0">
  <div style=" border:0px solid black;">
   irgendein anderer Text/Inhalt
  </div>

<div style="clear:both;"> </div>

</div><!--ENDE content -->

Ich musste, um den Fehler zu beheben lediglich, wenn auch nach vielem grübeln (und logisch erscheint mir dass auch nicht), das <div> mit dem "clear:both" hinter das End-<div>-Tag vom "content" setzen.

Na ja, hauptsache es klappt jetzt!

Mfg

Palme

[Palme]

Nochmal Hallo,

meine vermeintliche Lösung war doch keine.
Ich hatte mich so über das Nichtmehrauftreten des Fehlers gefreut, dass ich Tomaten auf den Augen hatte.

Mit meiner angeblichen Lösung sorgte ich lediglich dafür dass das gefloatete Element weiterhin aus dem Textfluss blieb.

Ich habe aber anderes sehr merkwürdiges zum Thema herausbekommen.

Auf besagter Seite (http://felten-d.de/probe.html) ist über dem Inhalt (farblich hinterlegter Bereich) eine Navigationsleiste. Der Hintergrund der Links ist mittels CSS festgelegt. Desweiteren ist für diese Links ein a:hover notiert, welches beim Überfahren der Links die Hintergrundfarbe der Links verändert.

Der float-Bug tritt auf (Inhalt wird nicht angezeigt). Fahre ich wie gesagt mit der Maus über einen der Links, wird der Inhalt plötzlich angezeigt.
Jetzt kommt's: Nehme ich das a:hover weg, dann wird der Inhalt nicht angezeigt, also weder beim aufrufen oder Neuaktualisieren oder Vorwärts/Rückwerts-Button betätigen der Seite. Gleiches auch, wenn ich zwar das a:hover drin lasse, aber dafür die Hintergrundfarbe im a:hover nicht mehr ändern lasse.

Was zum... ist hier los?

Mfg

Palme

[Palme]

Und nochmal Hallo,

das mit dem a:hover und der Hintergrundfarbe, war tatsächlich ein Bugauslöser!

Habe folgende Seite gefunden:

http://www.fabrice-pascal.de/bugbase/guillotine/

dort wurde dieser a:hover-Hintergrund-bug im IE erwähnt.

Lt. Anleitung dieser Seite funktioniert bei mir jetzt alles so, wie ich es mir vorgestellt habe!

mfg

Palme

[Ingo Turski]

Hi,

es soll übrigens auch 'line-height' gegen diesen Bug helfen, auch wenn's sehr merkwürdig klingt...

freundliche Grüße
Ingo

[Cyx23]

Hallo,

Habe folgende Seite gefunden:

http://www.fabrice-pascal.de/bugbase/guillotine/

für mich schaut es, wenn ich nichts übersehehn habe, allerdings so aus, dass der auf der genannten Beispielseite vorgeführte Bug sehr einfach durch folgende und dort nicht als Lösung genannte Angabe unterbunden werden kann, auch unter Verzicht auf zusätzliche Elemente a la style="clear":
 .menu p {float:left}
Unklar ist mir denn auch die Verschachtelung der Beispielseite und die Bedeutung der Aussage dort "Die Links müssen in einem Blocklevelelement sein. (z.B. <p>Tag). Dieses Element muß per float: ausgerichtet sein.".
Offenbar ist das dort erwähnte "p" nicht das von mir adressierte .menu p, sondern bezieht sich auf das Div .menu.

Zumindest nach meinen Tests mit dem IE6/Win scheint die Beschreibung und die fehlende Lösung eher für Irritationen gut zu sein.

Grüsse

Cyx23