CSS: IE-Text erscheint erst nach scollen

[T:-)M]

Hallo,

Part1:
bei der folgenden Seite

http://www.meine-frauenaerztin.net/w...e_breite_3.htm

erscheint der Text neben dem Bild im IE erst nachdem man gescrollt hat. Weiss jemand wie ich diesen Effekt beim IE verhindern kann?

Part2:
im firefox ist nach dem Text neben dem Bild ein riesiger Abstand.
Wie bekomme ich den weg?

Vielen Dank für Eure Tips im Voraus.

PS:
Die Seite ist noch nicht funktionsfähig.

Gruß

T:-)M

[Terry]

erscheint der Text neben dem Bild im IE erst nachdem man gescrollt hat. Weiss jemand wie ich diesen Effekt beim IE verhindern kann?

Kann ich nicht nachvollziehen... (IEWin 6.0, Windows2000).

Part2:
im firefox ist nach dem Text neben dem Bild ein riesiger Abstand.
Wie bekomme ich den weg?

Du hast gecleart. Also legt sich der Text unter alle gefloateten Boxen - sprich: unter den Navigationsblock.
Abhilfe: Der Inhaltsblock muß auch floaten. Innerhalb eine gefloateten Blocks passiert das nicht. Außerdem ist dann auch der 3px-Jog weg und evtl. auch dein erstes Problem behoben...

[Rinaldo]

Kann ich nicht nachvollziehen... (IEWin 6.0, Windows2000).

Hallo Terry! Probier mal folgendes: markier mal einen Teil des Inhaltes und zieh die Auswahl dann nach oben (in die Liste neben dem Bild). Die Liste verschwindet bei mir (IE6 u. XP) komplett.
Oder fahr mit der Maus über die Navi -> bei mir verschwindet die halbe Zeile von "Ultraschalluntersuchungen".

[Terry]

Nein - läßt sich bei mir nicht provozieren. Klingt aber halt nach einem Guillotine-Bug
oder Peek-a-Boo-Bug.
Verstehe allerdings nicht ganz, warum mein IE nicht mitspielen will... (finde den ja immer ganz lustig, solange er nicht auf meiner Seite auftaucht )

[T:-)M]

Hallo Terry,

vielen Dank für Deine Antwort.

Habe mir die Lösungsvorschläge Peek-a-Boo-Bug angeschaut:

a) Keep the clearing div from touching the float, or avoid using a background on div#floatholder. Not exactly ideal, I know.
-> geht bei mir nicht da der betroffene Bereich in einem float ist....

b) Give div#floatholder an explicit 'width' or 'height'. Also quite restrictive.
-> beide haben eine feste Breite in px....

c) Give both div#floatholder and div#float 'position: relative'. Be sure to fully test this method.
-> hat das Ganze nicht verändert....

zum Guillotine-Bug:
Hier habe ich - wie dort erwähnt - einen leeren div mit clear:both eingefügt
- ging leider auch nicht....

Deinen Lösungsvorschlag habe ich nicht ganz verstanden - ich kann doch nicht beide container (für die Navi und für den Inhalt) floaten lassen.....

Gruß

T:-)M

[Terry]

Solange beide Container eine definierte Breite haben, kannst Du doch beiden ein float:left mitgeben!
Dann legen sie sich einfach aneinander (der 3px-jog, den du jetzt noch im IE hast, ist dann auch weg).

[T:-)M]

Hallo Terry,

Fix für den Firefox:
float:left - danach klappt alles prima danke.

Fix für den IE:
... wieder einmal sehr merkwürdig und unverständlich.

Habe nur ein break in h2 eingefügt.
<h2>Richtlinien <!-- achtung: ohne break zickt der IE --> <br />
(Mutterschaftsvorsorgerichtlinien)</h2>

-> vielleicht war im ja das Wort "Mutterschaftsvorsorgerichtlinien"
zu lang ;-) - der spinnt der IE .

hier geht es jetzt:
http://www.meine-frauenaerztin.net/w...e_breite_5.htm


Gruß

T:-)M