Making website cover screen on any size monitor

HTML & CSS
1

Hi,

I am building my website usinfg a computer with a 15" screen. when i can afford a widescreen I will get one! Until then I want my web site to cover the whole of any screen size width wise that a surfer maybe using.

Can anyone point me in the direction as to how this is done.

thanks for your help

2

You don’t have to do anything! The default behaviour of a web page is to use the entire available width of the browser window.

So don’t specify a width for your pages, and they’ll fill the window width.

3

Hello, well for the width it’s easy, just don’t give the outer container a width. Divs will by default expand to their limit. For the height, it’s a little more complicated but still pretty easy. You’ll need a sticky footer type setup.

4

thanks! I almost went out and bought a widescreen so i could see it better.:rofl:

Eric watson wrote:

Hello, well for the width it’s easy, just don’t give the outer container a width. Divs will by default expand to their limit. For the height, it’s a little more complicated but still pretty easy. You’ll need a sticky footer type setup.

this tutorial is great for me sizing pages. Cheers

5

As the other members have stated, by default the entire viewport should be covered.

Ideally, a percentage(unit of measurement) value should be utilized for achieving your desired liquid layout.