Page content doesn't show

[Peter]

The page does show in Firefox and IE for example, but not in WebKit.

[David Kilzer (:ddkilzer)]

Confirmed with a local debug build of WebKit r24455 with Safari 3.0 (522.12) on Mac OS X 10.4.10 (8R218).  This also occurs with Safari 2.0.4 (419.3) with original WebKit on 10.4.10, so this is not a regression.

Works as expected in Firefox 2.0.0.4.  Oddly, the page won't load at all in Opera 9.21.

[David Kilzer (:ddkilzer)]

Somehow, <div id="Main1_content"> ends up with a height of 0px via the inspector.  Running this javascript: URL after the page loads shows some of the content:

javascript:document.getElementById("Main1_content").style.height=500

[Marcus]

The page uses a buggy stylesheet (http://www.powerbar.nl/310.css). Specifically this rule:

.altijdscroll{overflow :auto;scrollbar-base-color:#ffffff;div{width:100%;height:100%}}

The W3.org CSS validator flags this line as invalid, div{width:100%;height:100%} generates a parse error. If I remove the invalid property the page works fine in Safari 3.1.

[Frances]

The current page loads in Safari 17.4.1 at: https://www.powerbar.eu/en_INT

the wayback machine also loads in Safari 17.4.1 at:
https://web.archive.org/web/20070704140715/http://www.powerbar.nl/default.aspx?class=item&item=310

[Frances]

Created attachment 471076 [details]
web archive of powerbar.nl in Safari 17.4.1

[Frances]

Created attachment 471077 [details]
screenshot of current powerball.eu

[Frances]

There is a big gap, from this node:
<div class="cms-image-container is-standard"> <img loading="lazy">

containing this: <img loading="lazy" src="https://www.powerbar.eu/media/33/56/22/1665481669/red_logo_claim_main.gif" class="cms-image"></div>.

If deleted in the html of the website, the website works.

[Frances]

Created attachment 471078 [details]
screenshot of Powerball.eu, deleted node

[Karl Dubost]

The site renders the same everywhere.