White Border around site

Design help General
1

Hey Forum :slight_smile:

Can somebody help me how to create the smartest white border around my site?
I want everything to happen inside, except for the logo, hamburger menu, language choice and social icons. I made an illustration of how I want it.

Best Regards
Jeppe

djfkkd%C3%A6fklajs
djfkkd%C3%A6fklajs1440×1024 206 KB

2

Are you trying to have the white border showing for all the content on the site’s page, or just the header?

3

I want it to be constant, no matter where i scroll to the page :wink:

4

Oh okay,

I’ll do a quick video and post it here. You can follow steps :grin:

One min… Oh post your read only link… I’ll do it on your site…

5

Thank you so much! :wink: I don’t have a site yet.

6

Maybe something like this? http://jeppevinum.webflow.io/

Cloneable link:

I bet you can achieve this in many different ways :slight_smile:

1 Like
7

Oh gotcha… if you don’t have the free starter account it wouldn’t make much sense viewing a video. When you get your account up, shoot me an email and I’ll send ya one. Talk at ya later.

8

Hey :wink: Very nice!
But you have the same problem, as I have. I cant make it all the way around, so everything is masked in a box .

9

maybe like this
https://preview.webflow.com/preview/masaratis-dandy-project?preview=2a5292653b8fac11e8b4dc32ddfb1e11

see preview here: http://masaratis-dandy-project.webflow.io/

1 Like
10

No :wink: I have the pro version, i just dont have a website with this design,
because i wanted to hear people out, if they knew the best solution.

Best Regards
Jeppe

11

Thanks! I missed the border in the bottom. Now it is all the way around.

12

I’m working on a client site (can’t show it due to NDA), howevver, I added an equal 20px padding to the body of the page :slight_smile:

13

Thank you all :slight_smile:

My solution.
I made a padding to the body on 40px.
Afterwards i made a container called frame.
Within that frame made 4 divs:

  • top-block
  • buttom-block
  • right-block
  • left-block

I gave the top- and buttom-block a height on 40px, and the right- and left-block a width on 40px.
Furthermore I gave them a fixed position in either top, buttom, left or right, and put the z-index on 100, to secure they would always stay on top.

Best regards
Jeppe

14

No problem… that looks fine… I like it… holler if you need anything else… Have fun! :smile: