Footer box is merged with the Specifications table
dipikabh opened this issue · comments
Summary
There is no space between the Specifications table and the "Help improve MDN" footer box.
Bottom padding seems to be missing in the <article>
when <h2 id="specifications"><a href="#specifications">Specifications</a></h2>
is at the end of <article>
.
As a result, there is no gap between the "Specifications" table and the footer box.
On an unrelated note, the "specifications" <h2>
and the following <table>
are not inside a <section>
on any page.
URL
- https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox#specifications
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_images#specifications
- https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/422#specifications
- https://developer.mozilla.org/en-US/docs/Web/API/Selection_API#specifications
Reproduction steps
Navigate to any page where "Specifications" is the last section on the page
Expected behavior
Space between the "Specifications" or the last section and the footer box like in https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit#see_also
Actual behavior
No space between "Specifications" section and the footer box
Device
Desktop
Browser
Firefox
Browser version
Stable
Operating system
Mac OS
Screenshot
![specifications and footer box](https://private-user-images.githubusercontent.com/23019147/321022346-a8fbfac5-15b2-496d-a089-7031e508312f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2OTkyMDUsIm5iZiI6MTcyMDY5ODkwNSwicGF0aCI6Ii8yMzAxOTE0Ny8zMjEwMjIzNDYtYThmYmZhYzUtMTViMi00OTZkLWEwODktNzAzMWU1MDgzMTJmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzExVDExNTUwNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ0OWUzMDIwYzcwZTNhNTVlZWQ1ZmYwZDI5NDY0ODZlZTY0ZmQ5NTNkNTMxMjk0ZWM3MDVjZmIyNDk3NDJjNjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.s3-qTcqqqV-Dv74kba_VuDJUbPECKs7o8yJqPcg9BMc)
Anything else?
No response
Validations
- I have read the Community Participation Guidelines.
- I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.
@dipikabh @LeoMcA There are other examples of articles where there could be more padding between the main content and the footer.
- Article pages where the footer follow directly after the content with little padding.
https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML#assessments
- Article where thee Next/ Previous buttons are right above the footer.
https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#summary
https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started#see_also
https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content#example
- Articles where the See also area ends with a paragraph
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding#see_also
https://developer.mozilla.org/en-US/docs/Learn/MathML#see_also