I've spend some time trying to solve the problem and I came to the conclusion that this may be a browser bug.
Here are the tests I performed on div#applications (http://launchpad.net),
which is not visible in OmniWeb. Tested with OmniWeb-5.5.4-v607.17 on MacOS X 10.4.10.
I removed all additional css in html <head>, leaving only the main style.css file.
1. div#applications { position: relative; }
- no effect, div positioned but invisible
2. div#applications { position: absolute; top: 10px; left: 10px; }
- no effect, div positioned but invisible
3. div#applications { position: fixed; top: 10px; left: 10px; }
- no effect, div positioned but invisible
4. div#applications { position: fixed; top: 10px; left: 10px; }
- div IS VISIBLE!
5. div#applications { visibility: visible; }
- no effect
6. div#applications { display: inline; }
- no effect
7. div#applications { display: block; }
- no effect
8. div#applications { z-index: 9999; }
- no effect
8. div#applications { opacity: 1; }
- no effect
9. Using FireBug, I checked css properties inherited by div#applications from its parent elements.
- nothing suspicious
9. Disabled JavaScript support in the browser
- div appears after a few clicks on 'refresh'. Refresh again and it's gone. Seems random. Couldn't
form a pattern to it.
It looks like an OmniWeb bug to me.
Obviously setting all invisible elements to position: static (which seems to work in this example) is not a solution.
I'm going to look further into this problem tomorrow using the
Divide-and-Conquer method (thanks for suggestion, Steve).
I've spend some time trying to solve the problem and I came to the conclusion that this may be a browser bug.
Here are the tests I performed on div#applications (http:// launchpad. net), 5.5.4-v607. 17 on MacOS X 10.4.10.
which is not visible in OmniWeb. Tested with OmniWeb-
I removed all additional css in html <head>, leaving only the main style.css file.
1. div#applications { position: relative; }
- no effect, div positioned but invisible
2. div#applications { position: absolute; top: 10px; left: 10px; }
- no effect, div positioned but invisible
3. div#applications { position: fixed; top: 10px; left: 10px; }
- no effect, div positioned but invisible
4. div#applications { position: fixed; top: 10px; left: 10px; }
- div IS VISIBLE!
5. div#applications { visibility: visible; }
- no effect
6. div#applications { display: inline; }
- no effect
7. div#applications { display: block; }
- no effect
8. div#applications { z-index: 9999; }
- no effect
8. div#applications { opacity: 1; }
- no effect
9. Using FireBug, I checked css properties inherited by div#applications from its parent elements.
- nothing suspicious
9. Disabled JavaScript support in the browser
- div appears after a few clicks on 'refresh'. Refresh again and it's gone. Seems random. Couldn't
form a pattern to it.
It looks like an OmniWeb bug to me.
Obviously setting all invisible elements to position: static (which seems to work in this example) is not a solution.
I'm going to look further into this problem tomorrow using the
Divide-and-Conquer method (thanks for suggestion, Steve).