avanti Posted November 2, 2022 Share Posted November 2, 2022 (edited) Hi, I created a table to list some information in my Privacy Policy - see clause 1 and clause 14. https://www.eyzhn.co/privacy-policy Occasionally, upon resizing the window, a large blank space appears either above or below both tables. Here is the code: <!DOCTYPE html> <html> <head> <style> table { font-family: europa; color: #223635; border-collapse: collapse; width: 100%; } td, th { border: 0px solid #6c988d; text-align: left; padding: 1px; } a:link, a:visited { color: #ff8e57; cursor: pointer; } a:link:active, a:visited:active { color: #ff8e57; } </style> </head> <body> <table> <tr> <td style="vertical-align: top"><b>Row 1 Column 1</b></td> <td style="width:60%"><b>Row 1 Column 2</b></td> </tr> <tr> <td style="vertical-align: top">Row 2Column 1</td> <td style="width:60%">Row 2 Column 2</td> </tr> <tr> <td style="vertical-align: top">Row 3 Column 1</td> <td style="width:60%">Row 3 Column 2</td> </tr> </table> </body> </html> Edited November 2, 2022 by avanti missing attachments Link to comment
Beyondspace Posted November 2, 2022 Share Posted November 2, 2022 8 hours ago, avanti said: Hi, I created a table to list some information in my Privacy Policy - see clause 1 and clause 14. https://www.eyzhn.co/privacy-policy Occasionally, upon resizing the window, a large blank space appears either above or below both tables. Here is the code: <!DOCTYPE html> <html> <head> <style> table { font-family: europa; color: #223635; border-collapse: collapse; width: 100%; } td, th { border: 0px solid #6c988d; text-align: left; padding: 1px; } a:link, a:visited { color: #ff8e57; cursor: pointer; } a:link:active, a:visited:active { color: #ff8e57; } </style> </head> <body> <table> <tr> <td style="vertical-align: top"><b>Row 1 Column 1</b></td> <td style="width:60%"><b>Row 1 Column 2</b></td> </tr> <tr> <td style="vertical-align: top">Row 2Column 1</td> <td style="width:60%">Row 2 Column 2</td> </tr> <tr> <td style="vertical-align: top">Row 3 Column 1</td> <td style="width:60%">Row 3 Column 2</td> </tr> </table> </body> </html> I check that you are using the fluid engine which allows you to drag, expanse, reduce for mobile and desktop. Have you tried it out? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
avanti Posted November 3, 2022 Author Share Posted November 3, 2022 Yes, I keep resizing and dragging the section to my liking - for mobile and desktop - but it keeps changing. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment