Resizing background image

Medieval Bob · 02:52 PM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
  <body width="100%" bgcolor="#4E2A32" style="margin:0px;">
    <img src="logo.gif" width="100%" />
  </body>
</html>

Then, if you want something on top of that, then try following the img tag with a <div style="position:absolute;left:0px;top:0px;width:10 0%;"></div> containing the rest of the document.

WetWired

ok ... this isn't working

Silverjinx18

What, exactly, isn't working? I've tested it.

WetWired

hmmmmm...I dunno maybe I'm just putting it in the wrong place...when I put it there it like took the whole page off...? I dunno...

Silverjinx18

Yes, that is the page.
As I said, you need to put your page body into the div tag I specified after the image tag, so:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
{put head stuff here}
  <body width="100%" bgcolor="#4E2A32" style="margin:0px;">
    <img src="logo.gif" width="100%" />
    <div style="position:absolute;left:0px;top:0px;width:100%; padding:2em;">
{put page content here}
    </div>
  </body>
</html>

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)