4get.ca Homepage padding broken Topic is solved

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
joydivision47
Hobby Astronomer
Hobby Astronomer
Posts: 16
Joined: 2023-12-30, 01:45
Location: New Zealand

4get.ca Homepage padding broken

Post by joydivision47 » 2024-07-16, 05:38

4get.ca's homepage's padding is broken, the logo and search bar are at the top of the page when they are supposed to be in the centre of the page.
Mildly inconvenient, seems to be related to an HTML feature?
https://4get.ca

Image
Homepage of the search engine on Pale Moon v33.2.1

Image
Homepage of the search engine on Firefox

There does not seem to be any output at all in the web console let alone errors when visiting the website.
Astra inclinant, sed non obligant.
Top
User avatar
adoxa
Lunatic
Lunatic
Posts: 441
Joined: 2019-03-16, 13:26
Location: Qld, Aus.

Re: 4get.ca Homepage padding broken

Post by adoxa » 2024-07-16, 08:18

Looks like it needs an explicit height in order to centre, which can be done with a user style.

Code: Select all

@-moz-document domain("4get.ca") {
  .home #center {
    height: 100vh
  }
}
Top
User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 37776
Joined: 2011-08-28, 17:27
Location: Motala, SE

Re: 4get.ca Homepage padding broken

Post by Moonchild » 2024-07-16, 08:45

Heh, html 101 there: without specifying a height for the document, it will only take up as much of the window as there is content.
If they want to always fill the viewport they should add a 100% height (or 100 vh) to the <body> or force the height of enclosed elements to be large enough as Adoxa suggested.

I'm assuming Chrome defaults to always filling, which has never been the standard AFAIK.
"A dead end street is a place to turn around and go into a new direction" - Anonymous
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
Top

Return to “Web Compatibility Support”