Overthelimit
n00b
- Joined
- Sep 29, 2006
- Messages
- 39
I did this several times with online code, and it worked locally. But when I upload the site the bg is still stuck sane as before.
help anyone?
help anyone?
![[H]ard|Forum](/styles/hardforum/xenforo/logo_dark.png){kind=logo}
Navigation
Install the app
How to install the app on iOS
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
More options
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.
You should upgrade or use an alternative browser.
stretching bg to fit screen
- Thread starter Overthelimit
- Start date
Overthelimit
n00b
- Joined
- Sep 29, 2006
- Messages
- 39
bump
Overthelimit
n00b
- Joined
- Sep 29, 2006
- Messages
- 39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Eric's Site</title>
<link href="EricSite.css" rel="stylesheet" type="text/css" /><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<style type="text/css">
<!--
body {
background-repeat: no-repeat;
background-image: url(infinitebg.jpg);
}
-->
</style>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:505px;
top:149px;
width:758px;
height:588px;
z-index:1;
font-size: 36px;
font-style: italic;
}
#apDiv2 {
position:absolute;
left:63px;
top:374px;
width:424px;
height:442px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:31px;
top:555px;
width:190px;
height:216px;
z-index:2;
}
#apDiv4 {
position:absolute;
left:47px;
top:647px;
width:129px;
height:217px;
z-index:1;
}
#apDiv5 {
position:absolute;
left:32px;
top:589px;
width:126px;
height:212px;
z-index:1;
}
#apDiv6 {
position:absolute;
left:236px;
top:521px;
width:178px;
height:224px;
z-index:2;
}
-->
</style>
</head>
<body class="twoColLiqLtHdr">
<div id="apDiv5"><a href="Index.html"><img src="Home.png" width="123" height="213" border="0" usemap="#Map" /></a>
<map name="Map" id="Map">
<area shape="poly" coords="105,13" href="#" />
<area shape="poly" coords="98,17,120,42,110,92,89,141,64,183,40,203,14,182,2,153,2,120,2,89,4,73,19,36,43,15,63,4" href="index.html" />
</map>
</div>
<div id="apDiv6"><img src="browse.png" width="158" height="200" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
<area shape="poly" coords="47,54,85,18,112,4,133,16,148,27,150,57,147,92,138,133,116,169,86,194,56,194,18,178,4,169,4,147,16,109" href="browse.html" />
</map>
</div>
<div id="apDiv8">
<div id="apDiv1">
<p>In the eternal cycles between zero and infinity, there is no reason, no meaning, no purpose. The only ephemeral object of value is beauty. And so we all strive for a beautiful life in order to find meaning in an objectively futile and insignificant existence.</p>
<p> Art embodies the human spirit through limitless possibilities of expression, in permanence that defies our mortal fate. It is true freedom, and perhaps the most direct way of both creating and seeing the beautiful. It is my hope then, that you will find something of value here.</p>
<p> </p>
<p> -Eric</p>
</div>
</div>
<div id="apDiv7"></div>
<div align="center"></div>
<script type="text/javascript">
<!--
var sprycheckbox1 = new Spry.Widget.ValidationCheckbox("sprycheckbox1");
</script>
</BODY>
</HTML>
//theend
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Background to fit screen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">
<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>
<body>
<div id="bg"><img src="infinitebg.jpg" width="100%" height="100%" alt=""></div>
<div id="content"><p></p></div>
</body>
</html>
Here is the code, site is www.zerospectrum.com
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Eric's Site</title>
<link href="EricSite.css" rel="stylesheet" type="text/css" /><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<style type="text/css">
<!--
body {
background-repeat: no-repeat;
background-image: url(infinitebg.jpg);
}
-->
</style>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:505px;
top:149px;
width:758px;
height:588px;
z-index:1;
font-size: 36px;
font-style: italic;
}
#apDiv2 {
position:absolute;
left:63px;
top:374px;
width:424px;
height:442px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:31px;
top:555px;
width:190px;
height:216px;
z-index:2;
}
#apDiv4 {
position:absolute;
left:47px;
top:647px;
width:129px;
height:217px;
z-index:1;
}
#apDiv5 {
position:absolute;
left:32px;
top:589px;
width:126px;
height:212px;
z-index:1;
}
#apDiv6 {
position:absolute;
left:236px;
top:521px;
width:178px;
height:224px;
z-index:2;
}
-->
</style>
</head>
<body class="twoColLiqLtHdr">
<div id="apDiv5"><a href="Index.html"><img src="Home.png" width="123" height="213" border="0" usemap="#Map" /></a>
<map name="Map" id="Map">
<area shape="poly" coords="105,13" href="#" />
<area shape="poly" coords="98,17,120,42,110,92,89,141,64,183,40,203,14,182,2,153,2,120,2,89,4,73,19,36,43,15,63,4" href="index.html" />
</map>
</div>
<div id="apDiv6"><img src="browse.png" width="158" height="200" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
<area shape="poly" coords="47,54,85,18,112,4,133,16,148,27,150,57,147,92,138,133,116,169,86,194,56,194,18,178,4,169,4,147,16,109" href="browse.html" />
</map>
</div>
<div id="apDiv8">
<div id="apDiv1">
<p>In the eternal cycles between zero and infinity, there is no reason, no meaning, no purpose. The only ephemeral object of value is beauty. And so we all strive for a beautiful life in order to find meaning in an objectively futile and insignificant existence.</p>
<p> Art embodies the human spirit through limitless possibilities of expression, in permanence that defies our mortal fate. It is true freedom, and perhaps the most direct way of both creating and seeing the beautiful. It is my hope then, that you will find something of value here.</p>
<p> </p>
<p> -Eric</p>
</div>
</div>
<div id="apDiv7"></div>
<div align="center"></div>
<script type="text/javascript">
<!--
var sprycheckbox1 = new Spry.Widget.ValidationCheckbox("sprycheckbox1");
</script>
</BODY>
</HTML>
//theend
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Background to fit screen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">
<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>
<body>
<div id="bg"><img src="infinitebg.jpg" width="100%" height="100%" alt=""></div>
<div id="content"><p></p></div>
</body>
</html>
Here is the code, site is www.zerospectrum.com
Overthelimit
n00b
- Joined
- Sep 29, 2006
- Messages
- 39
oh wow this actually worked.... but how to scale words and pics with the bg?