Firefox und der Mac
Man mag es ja kaum glauben, aber für meinen heutigen Ärger über Browser und ihre Unzulänglichkeiten ist mal nicht der IE oder der MacMoz schuld - sondern der Firefox!
Allerdings halte ich zugute, dass das Problem nicht auf Windows sondern nur auf dem Mac auftrat ;)
Folgendes Problem stellte sich mir:
Ein Div hat die CSS-Eigenschaften visibility:hidden, overflow:auto sowie eine feste Größe und viiiel Inhalt.
Das erwartete Verhalten, sollte dieses Div per Knopfdruck (Javascript, das die visibility-Eigenschaft ändert) einblenden, und den Inhalt mit einem Scrollbalken im Div zugänglich machen.
Soweit, so einfach und schick.
Im Firefox auf dem Mac allerdings waren immer Scrollbalken im Weg. Diese wurden einfach immer angezeigt. Egal ob das Div versteckt war oder nicht. Das nervt. Lange hats gedauert, bis ich herausgefunden habe, dass das keine Unzulänglichkeit von mir, sondern vom Firefox ist.
Der Workaround ist so simpel wie naheliegend:
Man benutze statt der Eigenschaft visibility einfach display
ODER (und das fand ich besser)
Man setze im Javascript zusätzlich die Eigenschaft overflow. Für das versteckte Div muss sie "overflow:hidden" heissen (keine Scrollbalken mehr - yeah!). Natürlich muss man sie dann wieder für das sichtbare Div auf "overflow:auto" zurücksetzen.
Vielen Dank an das Selfhtml-Forum für die schnelle Hilfe!
Allerdings halte ich zugute, dass das Problem nicht auf Windows sondern nur auf dem Mac auftrat ;)
Folgendes Problem stellte sich mir:
Ein Div hat die CSS-Eigenschaften visibility:hidden, overflow:auto sowie eine feste Größe und viiiel Inhalt.
Das erwartete Verhalten, sollte dieses Div per Knopfdruck (Javascript, das die visibility-Eigenschaft ändert) einblenden, und den Inhalt mit einem Scrollbalken im Div zugänglich machen.
Soweit, so einfach und schick.
Im Firefox auf dem Mac allerdings waren immer Scrollbalken im Weg. Diese wurden einfach immer angezeigt. Egal ob das Div versteckt war oder nicht. Das nervt. Lange hats gedauert, bis ich herausgefunden habe, dass das keine Unzulänglichkeit von mir, sondern vom Firefox ist.
Der Workaround ist so simpel wie naheliegend:
Man benutze statt der Eigenschaft visibility einfach display
ODER (und das fand ich besser)
Man setze im Javascript zusätzlich die Eigenschaft overflow. Für das versteckte Div muss sie "overflow:hidden" heissen (keine Scrollbalken mehr - yeah!). Natürlich muss man sie dann wieder für das sichtbare Div auf "overflow:auto" zurücksetzen.
Vielen Dank an das Selfhtml-Forum für die schnelle Hilfe!
lina- - 8. Dez, 09:28
0 Kommentare - Kommentar verfassen - 0 Trackbacks