Moose Loose WordPress & Web Desigh Tools

* {
margin: 0;
}
html, body {
height: 100%;
}
#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
#footer, .push {
height: 4em;
clear: both; }

@media screen and (min-width: px) and (max-width: px) {

#container {margin-right:auto;margin-left:auto;width:px;background-color:#cccccc;background-image: url("bg.jpg");}

#footer {margin-right:auto;margin-left:auto;width:px;background-color:#cccccc}

# {float:left;width:100px;background-color:#FF0000;height:100px}

# {float:left;width:100px;background-color:#F2FF26;height:100px}

# {float:left;width:100px;background-color:#79FF28;height:100px}

# {float:left;width:100px;background-color:#2FFDFF;height:100px}

# {float:left;width:100px;background-color:#385DFF;height:100px}

# {float:left;width:100px;background-color:#AC41FF;height:100px}

# {float:left;width:100px;background-color:#FF4CBE;height:100px}

# {float:left;width:100px;background-color:#A32F3A;height:100px}

}

<!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" xml:lang="en" lang="en">
<HTML>
<HEAD>
<TITLE>Title</TITLE>
<LINK REV="made" HREF="mailto:Tunes@SessioNite.com">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="author" CONTENT="Gary Farmer">
<META NAME="description" CONTENT="Paragraph">
<META NAME="keywords" CONTENT="Words">
<link rel="stylesheet" href="fluid.css" type="text/css" media="screen" title="no title" charset="utf-8">

</HEAD>
<BODY>

</DIV>
<div id="footer">footer</div>
</body>
</html>

@media screen and (min-width: px) and (max-width: px) {

#container {position:relative;margin-right:auto;margin-left:auto;width:100%;background-color:#cccccc}

#footer {position:relative;margin-right:auto;margin-left:auto;width:100%;background-color:#cccccc}

# {width:100%;background-color:#ff00ff}

}