Bug 221209
| Summary: | www.freebsd.org rendering overlap on narrow (portrait) screen | ||||||
|---|---|---|---|---|---|---|---|
| Product: | Documentation | Reporter: | Stephen Hurd <shurd> | ||||
| Component: | Website | Assignee: | Sergio Carlavilla Delgado <carlavilla> | ||||
| Status: | Open --- | ||||||
| Severity: | Affects Many People | CC: | doc, han_get_su02, sblachmann, wintellect | ||||
| Priority: | --- | ||||||
| Version: | Latest | ||||||
| Hardware: | Any | ||||||
| OS: | Any | ||||||
| Attachments: |
|
||||||
I have provided XHTML markup in the following thread that should prevent the New To FreeBSD? button from overlapping the production links: https://forums.freebsd.org/threads/64030/ I demonstrate it with screenshots of it in action and supply the markup used as a fix. All that is really needed is to use the XHTML width factor with the existing freebsd.org CSS code. I also provide alternative CSS code for buttons that adjust in height and width to scale down in proportion as the screen size shrinks, and the XHTML to get the site to scale down correctly. I have provided XHTML markup in the aforementioned thread that should prevent the New To FreeBSD? button from overlapping the production links: https://forums.freebsd.org/threads/64030/ I demonstrate it with screenshots of it in action and supply the markup used as a fix. All that is really needed is to use the XHTML width factor with the existing freebsd.org CSS code. I also provide alternative CSS code for buttons that adjust in height and width to scale down in proportion as the screen size shrinks, and the XHTML to get the site to scale down correctly. Was just cleaning up my submitted bugs... this one is still present. See also #225042 and #237772 Looking bad in portrait mode since 2018. :( *** Bug 225042 has been marked as a duplicate of this bug. *** *** Bug 237772 has been marked as a duplicate of this bug. *** |
Created attachment 185006 [details] Chrome screenshot The production release list is under the "New to FreeBSD?" button in Chrome, Firefox, and IE when a narrow width is used. Attached Chrome screenshot with a 1080x1920 screen. Same thing occurs with Firefox and IE.