Add a border to my whole site with it always visible top and bottom)

  • HI everyone,

    I’m trying to add a border to my whole site, similar to this:

    https://www.beoplay.com/products/beoplaya9#in-use

    But I’m having trouble making the border around the visible area, rather than just the body. I’ve managed to get a white border around the whole body of the site fairly simply using css:

    body{

border: 15px solid #ffffff;

}

    But this obviously doesn’t appear at either the top or bottom when scrolling, only on the sides. Does anyone have any suggestions?

    Much appreciated,

    Jonny

Viewing 2 replies - 1 through 2 (of 2 total)

  • Can you please post a link to your own site? It’s hard to offer suggestsions when we can’t examine it. Thanks.

    Take a look at this demo page that I created. You just need to create some additional <div>s for the left, right, and bottom borders, and then add some CSS to style them, as well as fixing the header at the top.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add a border to my whole site with it always visible top and bottom)’ is closed to new replies.