Pull Request: Fix table overlapping and improve responsiveness #688 by macoaure · Pull Request #1222 · php/web-php · GitHub
Author: macoaure
### **Fix Table Layout and Content Overflow Issues in PHP Documentation**
#### **Summary**
This PR addresses multiple CSS-related layout issues in the PHP documentation website, primarily concerning tables and content overflow. The fixes ensure that tables are properly aligned, content does not overflow, and the navigation menu functions correctly.
#### **Issues Resolved**
This PR resolves the following issues:
- [[#688](Documentation – table layout in 'List of resource types' is broken · Issue #688 · php/web-php · GitHub)](Documentation – table layout in 'List of resource types' is broken · Issue #688 · php/web-php · GitHub) - Table layout in 'List of Resource Types' is broken.
- [[#713](Main content is overflowing to right · Issue #713 · php/web-php · GitHub)](Main content is overflowing to right · Issue #713 · php/web-php · GitHub) - Main content overflowing to the right.
- [[#443](CSS table bug · Issue #443 · php/doc-ru · GitHub)](CSS table bug · Issue #443 · php/doc-ru · GitHub) - CSS table rendering bug.
- [[#1133](The menu for the resources page is broken. · Issue #1133 · php/web-php · GitHub)](The menu for the resources page is broken. · Issue #1133 · php/web-php · GitHub) - Broken menu on the resources page.
#### **Changes Implemented**
- **Fixed Table Layout:** Updated CSS rules to properly align tables and prevent content overflow.
- **Resolved Overflow Issues:** Adjusted `max-width` and `overflow` properties to ensure content does not exceed the intended layout.
- **Menu Fix:** Restored proper menu behavior on the resources page by ensuring the styles are correctly applied.
#### **Testing & Verification**
- Verified table rendering in various sections of the documentation.
- Ensured that the main content remains within the correct boundaries on different screen sizes.
- Checked that the menu on the resources page is fully functional.
#### **Screenshots (if applicable)**
Desktop before:
Desktop After:
Mobile landspace before:
Mobile landspace after:
Mobile before:
Mobile after:
Tablet before:
Table after:
Changelog page comparison:
#### **Impact & Rollout**
These fixes improve the readability and usability of the PHP documentation across all devices.