Click to See Complete Forum and Search --> : div-visibility toggeling malfunction (CSS/JavaScript)


Pierre Rouillet
10-02-2003, 10:24 AM
hello lads

if you would have a look at
http://www.steffiweismann.de/lager/aktuell/m_08/cM.html
(works only in Mozilla/Netscape so far)When you klick on aktuell, then on arbeiten, and then on aktuell again, some of the divs now supposed to be hidden still show; chaos results.
Why?
I use divs with css, and JavaScript to toggle visibility. (http://www.steffiweismann.de/lager/aktuell/m_08/cM.css; http://www.steffiweismann.de/lager/aktuell/m_08/cM.js). I've tried eradicating all z-indexes (http://www.steffiweismann.de/lager/aktuell/m_08/cM08_2.html); no difference.

(Guess this would be a css problem? or does it belong into the html section?)

Any idea will be highly appreciated.

PunkSktBrdr01
10-02-2003, 10:33 PM
It works great when I tried it. I'm using Mozilla Firebird.

pyro
10-03-2003, 07:36 AM
Unless I'm missing the problem, it also appears to work for me. I tested it in Mozilla 1.4 and IE6.

Pierre Rouillet
10-03-2003, 11:14 AM
thanks for checking. I maybe should have written that I test on a mac. I use Mozilla 1.5: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; de-AT; rv:1.5) Gecko/20030925. If you want to have a look, I uploaded a screenshot: http://www.form-und-sinn.de/problem.gif.
However, it looks pretty much like a bug in Mozilla's displaying capacitites, since the wrong appearence disappears when I scroll, resize, or otherwise make Mozilla rebuild the appearence.
Required would be a workaround, maybe.

Fang
10-05-2003, 01:32 PM
Missing a < here: "><span class="text">Live-Interview

Pierre Rouillet
10-08-2003, 02:53 AM
true. Thank you.
Problem persists, though. I reported it to Mozilla as bug; hope that was right, no coding error. I'll inform you if something comes out; however, any ideas on workarounds or mistakes still very welcome.

Fang
10-08-2003, 05:08 AM
Have you tried your css without the ie hack?

.navcell and .navlink are the same, you could define them together.
Same for font property values - declare them once in the body.
Some text is not visible:
<div class="navlink" style="visibility: inherit;"><span class="text">Videoperformance (solo)<br>OFK Offenbach</span></div>
The class is restricting the div height.