How to make my home page screen fit without scrolling

Question

I use a bigcartel type of theme for my website where I can edit CSS and some other pieces.

Here is the website: www.allect.com

What I want is the homepage to fit into the screen size without having to scroll to the bottom.

Like this website (www.representclo.com)

Would anyone be able to help me please?

Thanks

Answer 1

In my idea you may be thinking of setting a default minimum height and width for the page but that's just what I'm thinking what you're saying.

Try:

body{
min-height: 500px;
min-width: 500px;
max-height: 1000px;
max-width: 1000px;
}

Answer 2

Check this page out: CSS layout: 100% height with header and footer

CSS layout: 100% height with header and footer

Sometimes things that used to be really simple with tables can still appear pretty hard with CSS. This layout for instance would consist of 3 cells; two with a fixed height, and a third one in the center filling up the remaining space. Using CSS, however, you have to take a different approach...

Answer 3

in short: your main div element with id wrap (ie #wrap) is computed in one of your scripts to a total size wich is always breater then the window size

because your website is minified, please check your source code for the selector of this element and fix it's computing formula