Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <h2>1. There's a point when backwards compatibility goes too far.</h2> <blockquote> <p>why Netscape fails to render the bar in the same way as all the other main browsers</p> </blockquote> <p>You're implying that Netscape is a "main browser" like the browsers you mentioned in your question. Netscape used to have a <a href="http://en.wikipedia.org/wiki/File:Netscape-navigator-usage-data.svg" rel="noreferrer">significant</a> market share, but its time has passed (see <a href="http://en.wikipedia.org/wiki/History_of_the_web_browser" rel="noreferrer">History of the web browser</a> on Wikipedia, specifically the timeline chart at the bottom of the article; Also <a href="http://en.wikipedia.org/wiki/Usage_share_of_web_browsers" rel="noreferrer">Usage share of web browsers</a> for current statistics).</p> <p><strong>It makes the question irrelevant from a practical standpoint. It's hard to justifying the question let alone finding an answer, given that you're attempting to support a legacy browser.</strong></p> <p>But let's assume you have a valid reason for supporting a browser that is virtually extinct...</p> <h2>2. What is the problem?</h2> <blockquote> <p>"The bar ... refuses to behave"</p> </blockquote> <p>You might as well be saying, "it doesn't work". <strong>How</strong> doesn't it work? What is the <strong>expected behavior</strong>, and how is the actual result deviating from your expectation? You shouldn't expect us to download a browser that hardly anybody has used for over a decade to confirm an ambiguous bug description (<a href="http://sscce.org/" rel="noreferrer">SSCCE</a>).</p> <h2>3. Your HTML is funky</h2> <ul> <li><strong>No formatting</strong> The lack of indentation isn't a technical concern (only a nitpick), but makes it hard to read</li> <li><strong>Inconsistent use of quotes</strong> The general practice is to use double quotes <code>"</code> for HTML attributes. For example: <code>&lt;div id="floating_bar"&gt;</code>.</li> <li>**Is that <code>!</code> supposed to be there in the <code>&lt;script/&gt;</code> tag?</li> <li><code>&lt;g:plusone/&gt;</code> is not a valid HTML tag. Were you trying to do something like <a href="http://support.addthis.com/customer/portal/articles/381237-third-party-buttons#google-plus1" rel="noreferrer">this</a>?</li> <li>The CSS is probably not working because the <code>bottom</code> property is set as a percentage. Support for bottom/right was pretty spotty at first, and percentage might be iffy.</li> </ul>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload