Any idea why Safari (11.1.2) for macOS High Sierra 10.13.6 is not rendering this web-page correctly?
Safari – Web Page Not Rendering Correctly
macossafari
Related Solutions
There is an open source extension for Safari named PeyvandhaBlocker to prevent loading an automatic page redirection based on IP (in the URL) and element type. You can get it and modify allowContentToLoad function in global.html file to take decisions based on URL or context of loaded web pages, and then edit the content.js for the block action you need.
It seems like you've run into a bug with the Safari renderer. Resize the window vertically and the page reflows correctly. Resize horizontally and the page extends horizontally incorrectly. I'd avoid using tables for layout and stick to using flex.
Extract the image out of the table layout. Replace the following from your code:
<table id="Table_01" border="0" width="851" cellspacing="0" cellpadding="0"> <tr> <td colspan="2"> </td> <td colspan="7" rowspan="9"><img id="biggest_one" style="display: block; margin-left: auto; margin-right: auto;" src="https://www.nycgo.com/images/uploads/homepage/Empire-State-Building-Observatory-Tom-Perry-2618.jpg" alt="" width="480" height="640" name="biggest_one" /></td> <td colspan="2" rowspan="10"> </td> <td><img src="photo_over/spacer.gif" alt="" width="1" height="3" /></td> </tr> </table>
with the following:
<img id="biggest_one" style="display: block; margin-left: auto; margin-right: auto;" src="https://www.nycgo.com/images/uploads/homepage/Empire-State-Building-Observatory-Tom-Perry-2618.jpg" alt="" width="480" height="640" name="biggest_one">
Then add the following CSS to .pics-wrapper: width: 851px;.
The solution referred to in your link (not that it would solve the problem here but it's something you asked for) is as follows:
Open the Font Book app from the Applications folder.
Choose the File menu followed by Restore Standard Fonts.
Related Question
- macOS Safari – Fix Web Pages Acting Weirdly in Safari
- MacOS – How to disable ad-blocker in Safari
- MacOS Safari – Fix iCloud Tabs Stopping Randomly
- MacOS – Safari won’t load pages after system restore
- Safari – Turn Off ‘This Web Page is Using Too Much Battery’ on Safari
- MacOS – Safari 11.1.2 – Discord is not showing entire page or scaling correctly
- Safari does not change focus to the web page after address bar search
Best Answer
On my machine (iMac late 2015, macOS 10.13.6, Safari 11.1.2), the cause of the bad rendering was the AdBlock extension. I removed it, restarted Safari, and Safari rendered correctly. I then re-downloaded AdBlock, and Safari continues to render correctly.
I moved too fast doing this, and didn't note the version number of the AdBlock I removed, so don't know if the not-working AdBlock I removed was the currently-downloading version. In any event, the just-downloaded version doesn't interfere with Safari's rendering.