zenius-i-vanisher.com top bar rendering issue

For support with specific websites

Moderator: trava90

Forum rules
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.

Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
  1. Clear any current output
  2. Navigate or refresh the page in question
  3. Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
User avatar
Arcorann
Newbie
Newbie
Posts: 3
Joined: 2023-05-17, 07:47

zenius-i-vanisher.com top bar rendering issue

Unread post by Arcorann » 2023-05-17, 07:52

On the top bar of zenius-i-vanisher.com the section containing the clock appears below the left-hand side of the bar instead of at the right-hand side in the same row.

This only happens on some zoom levels; it happens on the default zoom level, and on somewhat larger zoom levels, while the clock is in the right location on somewhat smaller zoom levels.

Console output is below, but doesn't look relevant:

Code: Select all


          "Google Maps JavaScript API has been loaded directly without a callback. This is not supported and can lead to race conditions and suboptimal performance. For supported loading patterns please see https://goo.gle/js-api-loading"  
js:246:268
The stylesheet https://zenius-i-vanisher.com/v5.2/latestnewsrss.php was not loaded because its MIME type, “application/xml”, is not “text/css”.  
index.php
Use of getPreventDefault() is deprecated.  Use defaultPrevented instead.  
jquery-1.7.1.min.js:3:6600
Content Security Policy: The page’s settings blocked the loading of a resource at https://www.googleapis.com/youtube/v3/videos?part=snippet,contentDetails&fields=items(snippet(channelId,title,thumbnails,channelTitle),contentDetails/duration)&key=AIzaSyDLowtdhRBblJhyDhtiPaIbwRKT_PSyHWE&id=bMQxdmvfOdE&callback=jsonpCallback (“script-src https://zenius-i-vanisher.com 'unsafe-inline' 'unsafe-eval' https://www.google.com https://www.gstatic.com https://connect.facebook.net https://www.googletagmanager.com https://www.google-analytics.com https://maps.googleapis.com https://code.jquery.com https://cdn.jsdelivr.net”).  
(unknown)
Content Security Policy: The page’s settings blocked the loading of a resource at https://www.googleapis.com/youtube/v3/videos?part=snippet,contentDetails&fields=items(snippet(channelId,title,thumbnails,channelTitle),contentDetails/duration)&key=AIzaSyDLowtdhRBblJhyDhtiPaIbwRKT_PSyHWE&id=Ud_dp-KKawE&callback=jsonpCallback (“script-src https://zenius-i-vanisher.com 'unsafe-inline' 'unsafe-eval' https://www.google.com https://www.gstatic.com https://connect.facebook.net https://www.googletagmanager.com https://www.google-analytics.com https://maps.googleapis.com https://code.jquery.com https://cdn.jsdelivr.net”).

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 35474
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

Re: zenius-i-vanisher.com top bar rendering issue

Unread post by Moonchild » 2023-05-17, 08:39

Arcorann wrote:
2023-05-17, 07:52
Console output is below, but doesn't look relevant:
Well, it does look relevant because it states that certain styles were not loaded:

Code: Select all

The stylesheet https://zenius-i-vanisher.com/v5.2/latestnewsrss.php was not loaded because its MIME type, “application/xml”, is not “text/css”.
However I don't think they intended that to be a stylesheet anyway so may just be a wrong type indicated in the page.

Aside from that though, the clock looks just fine here.
The page does, however, seem to be using system fonts as preference so maybe that is the issue here? Stating your O.S. and providing a screenshot might help.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
Arcorann
Newbie
Newbie
Posts: 3
Joined: 2023-05-17, 07:47

Re: zenius-i-vanisher.com top bar rendering issue

Unread post by Arcorann » 2023-05-18, 09:34

I'm running Windows 10 21H1. Here's a screenshot of what I see:

[url=https://ibb.co/3y3186m]Image

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 35474
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

Re: zenius-i-vanisher.com top bar rendering issue

Unread post by Moonchild » 2023-05-18, 10:40

Aha. you are at a higher DPI setting.
Increasing the zoom level in Pale Moon achieves the same issue. This seems to be a web design error not taking rounding of borders widths into account by the webmaster. Our pixel rounding in Goanna is slightly different (it doesn't always round down like some other browsers do) and tight margins in their styling cause the time to "overflow" to the next line the moment it hits 33.3% increased zoom...
i.e.: the webmasters should have a look at their menu styling and not try to fit things pixel-perfect with fixed sizes so it will work with various DPI settings and zoom levels.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
Arcorann
Newbie
Newbie
Posts: 3
Joined: 2023-05-17, 07:47

Re: zenius-i-vanisher.com top bar rendering issue

Unread post by Arcorann » 2023-05-19, 02:00

Now that you mentioned that I tried zooming out in other browsers and the same issue comes up around 60% zoom in them. Will raise it on the site, thanks for the help.

Locked