Server loading Screen Help

I need help getting my loading screen the right size.
Right now it’s way too big and it’s going off the screen. I was going to change it down to my resolution (1920x1080).
But would it show up big for other people?

Is it possible to make it auto adjust to peoples screens, am I missing something?

Dunno if it works but try this.

#backgroundPopup{
display:none;
position:fixed;
_position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:5;
}

Uhh, you got a HTML version?

Na I did a google search and it says you can only do it in JavaScript/CSS.

Just google JavaScript screen resize.

Edit:
Ok I was wrong You don’t have to use javascript. Just set the width of your element (div, table etc) to 100% in the CSS file. Then it will adjust accordingly to the width of the viewport. (the same thing applies to the height)

<!-- in yourHtml.html file -->
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=“http://www.w3.org/1999/xhtml”>

<head>
<link rel=“stylesheet” type=“text/css” href=“yourStyleSheet.css” />
</head>

<body>
<div class=“fullWidth”>
Your content
</div>
</body>

</html>

<!-- in yourStyleSheet.css file -->
div.fullWidth {
width:100%;
height:100%;
background-color:#CCC;
}

It didn’t work. It just has the background color ( color:#CCC:wink: and the picture didn’t re size.

Is the page size a set size? Eg 1920x1080
If it is change it to 100% on both.

Don’t use images as loadingscreen.

body
{
background-color: black;
}

if you just want a color

other wise you will have to resize the picture and that requires some more code.

if you want one picture that repets it self then you write

body
{
background-image: url(yourpicture.png);
}

all in css