Zedzy
ℑΣÐℑΨ
- Reaction score
- 41
Okay, so I decided to have an image using the img tag for a background, because I didn't like my background image repeating, and didn't know how to make it fill the page. When I finished I got this:
It worked great in the little box for the Tryit Editor (found here(just copy and paste the code in the little box and click "Edit the text and click me" button)) but when I tried it in firefox there was no image (I even used firefox while using the Tryit Editor). Curious I tried Internet Explorer, there was no background image, but instead the image was at the bottom of the page.
Why would it work for the Tryit Editor, but not a full browser view? Does it work for you?
Code:
<html>
<head>
<style type="text/css">
.rgtbor
{
border-right: medium solid #cccccc
}
p
{
text-indent: 1cm
}
.mtable
{
margin: 10%;
background-color: #000000;
}
body
{
color: #ffffff;
}
img.bckg
{
position:fixed;
width: 98%;
height: 98%;
top:0%;
left:0%;
z-index:-1
}
</style>
</head>
<body>
<table border="0" cellpadding="10" width="80%" class="mtable">
<tr>
<td colspan="2">
<h1 align="right">
<u> Page Name</u>
</h1>
</td>
</tr>
<tr>
<td width="15%" class="rgtbor" valign="top">
<h4>
Navagation
</h4>
<ul>
<li>
Page 1
</li>
<li>
Page 2
</li>
<li>
Page 3
</li>
<li>
Page 4
</li>
<li>
Page 5
</li>
</ul>
</td>
<td width="65%">
<h2 align="center">
Content Heading
</h2>
<p>
All of the content would go here. All of the content would go here.
</p>
</td>
</tr>
</table>
<table border="0" cellpadding="10" width="80%" class="mtable">
<tr>
<td width="65%">
<h2 align="center">
Content Heading
</h2>
<p>
All of the content would go here. All of the content would go here.
</p>
</td>
</tr>
</table>
<table border="0" cellpadding="10" width="80%" class="mtable">
<tr>
<td width="65%">
<h2 align="center">
Content Heading
</h2>
<p>
All of the content would go here. All of the content would go here.
</p>
</td>
</tr>
</table>
<img class="bckg" src="http://www.wallpaper.cz/primo/old_ir/warcraft3nightelfs2--c1600xc1200.jpg" width="95" height="84" />
</body>
</html>
It worked great in the little box for the Tryit Editor (found here(just copy and paste the code in the little box and click "Edit the text and click me" button)) but when I tried it in firefox there was no image (I even used firefox while using the Tryit Editor). Curious I tried Internet Explorer, there was no background image, but instead the image was at the bottom of the page.
Why would it work for the Tryit Editor, but not a full browser view? Does it work for you?