Jump to content

Help with forcing full page height with border

Recommended Posts

Hi there,

 

Having a bit of trouble getting my CSS to work.. I have a 7px border around my site, but to make it work, I've had to force the site to be, at minimum, the full browser height with code as well. Unfortunately, the code for that doesn't take into account the border, and so the page ends up being 14px too long. 

 

I've tried changing my code to help (see below), but it does not change the height.

body { border:7px solid #e91c1c; }
site {height: calc(100vh-14px)}

Any suggestions?

 

Site: Website

Edited by blindtacos
link changed
Link to comment
  • blindtacos changed the title to Help with forcing full page height with border
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

11 hours ago, tuanphan said:

It looks like you figured it out?

image.thumb.png.59c497cba29cdb579eadf416ff97e9bc.png

Hi tuanphan,

 

I've got the border working, but the issue is that the page always loads 14px too long, so the bottom border is only visible after scrolling down. I'd love for the height to actually be the size of the window, but it seems that having a border there is throwing off things a bit, and the calculation in my css code does nothing at the moment. 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.