Re: floating background

by "Tim Rivera" <lists(at)timrivera.com>

 Date:  Wed, 12 Mar 2003 18:58:52 -0500
 To:  "Lori Eldridge" <lorrie652(at)icehouse.net>
 Cc:  <hwg-basics(at)hwg.org>
 References:  riveraamd 2
  todo: View Thread, Original
> >Lastly, what you should do is place a DIV around all the content, and
> >give that DIV the fixed background image without the background color.
>
> Wow!!! That worked perfectly.


BTW, IE5.5/Win and below do not support fixed background images; the image
is placed at the middle of the page instead of the viewport (browser
window.)

NN4, which doesn't support fixed background images either, makes a complete
mess with that bit of CSS. I don't know what the heck is going on, but every
table cell uses the image as the background and apparently any margins have
a black background color. I recommend hiding this CSS from NN4, which is as
simple as using an ID selector instead of a class (NN4 is very buggy with
its support of ID selectors.)

I have modified the CSS to include a background color for BODY, and changed
the class to an ID.

<style type="text/css">
body {background: white url(images/graypixel.jpg)}
div#body {background: url(images/raisorfaded5.jpg) no-repeat fixed center
center}
</style>
</head>

<body>
<div id="body">

--page content--

</div>
</body>


Tim

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA