Html frames do not resolve correctly

Description of the issue: html frames at the bottom of the page are not fully presented, the blue bar (Philosophy Gateway) moves upward and blocks some of the listing above. This problem does not occur in other browsers.

Exact URL of the website in question:

Did the issue present with default Shields settings? (yes/no) No

Does the site function as expected when Shields are turned off? No

Is there a specific Shields configuration that causes the site to break? If so, tell us that configuration. (yes/no): no

Does the site work as expected when using Chrome? It works in Firefox

Brave version (check About Brave): 1.18.78 87.0.4280.141. (#13399)

Hey @existenz

Just trying to replicate this, opened in both Chrome and Brave, which part of the site/iframe is breaking?

1 Like

Thank you @fanboynz, here are two screenshots. The Brave image shows at the bottom of the page the misplacement of the blue banner. The Firefox image shows the correct placement.

Hi @existenz,

I tested this in chrome, firefox, and brave. Chrome had the same issue, firefox was able to correct the style but adding the height to the row didnt mess anything up on firefox even though it was able to catch it.

This should work :slight_smile:

I was able to pull up the website and drop the footer below the list of people on the advisory board by changing the height of the <tr>table-row</tr> that holds the list. The height of the <tr>table-row</tr> was less than the height of the <td>table-data</td> if you just increase the height of the <tr>table-row</tr> to be more than the <td>table-data</td> it should push the content below the list.

It was the 8th <tr>table-row</tr>. If you don’t have access to the style sheet for some reason but you have access to the HTML you can add the attribute like this. to the tr shown in the picture <tr style="height: 1300px">table-row</tr>

For future projects I would recommend putting lists like this inside of <ul>unordered-list</ul> tags and removing the list style in CSS. Tables get kind of hard to deal with as they get larger plus it basically adds the need to account for cell width and height instead of just worrying about the <li>list-item</li> height. Lists inside of lists are easier to manage too.

1 Like

Thank you very much @wetkoala - adding style=“height: 1300px” took care of it. Thanks for taking the time to look into this and also for your suggestion. Eventually I will have to redesign the pages altogether and try out the ul tag. Cheers.

1 Like