Keep bg image from tileing

[bigben1269]

On my website i have a content window where all the content for each page
will appear where the background image remains the same, however it is only
so high and on some pages i will have more content then the window will allow
with out expanding the cell and tiling the bg image. This content window is
centered in the middle of the page and i am unable to use frames this way.
What is the best way to do this where my bg image will not tile or be
distorted suchas making a layer on it with a scroll bar?. If i am way off on
this plz point me in the right direction. thanks!

--previous response--
what you want can be done with .css.
you'll need to set your content area as a <div> and on your style sheet give
it a height, width, background image (and scroll/no scroll properties if
desired) and set it's overflow property to "auto".

---end----

I need description of how to do this. I created the <div> tag and put my
content area in that (a new table). Now how do i get to modify the height,
width, background image, scroll/no scroll properties and set it's overflow
property to "auto". Am i doing this to the table or the <div>. Where are
these options under style

 

[Jim Buyens]

Make the image bigger. For example, add a solid-color border at the right and
bottom so the picture measures 1600x1200.

If you make this a solid color, it will compress very well and add very
little to the total image size.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Windows SharePoint Services Inside Out
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

 

[Murray]

Jim:

Shame on you. That's a very poor approach to a simple problem.

Use CSS - background-repeat:no-repeat. It works in everything including
Lynx! 8)

 

[bigben1269]

Murray, thanks for your fast reply, could you be more specific on how to
create that CSS. Im looking in the style area and cannot find anything to do
with bg. Please help.

 

[Murray]

It's well buried.

Page Properties > Advanced > Body Style > Borders and Shading (!!!) >
Patterns (!!!!) > Browse for image > Repeat > no-repeat

That'll give you inline styles. An embedded or linked stylesheet would be
better -

<style type="text/css">
<!--
body { background-repeat:no-repeat; }
-->
</style>

 

[Jim Buyens]

Doesn't work in Netscape 4. Yeah, I know, there's very little of that left,
but some people still worry about it.

Actually, I'm not much of a fan of background images. With today's small
font sizes, anything that doesn't obscure text is probably near-invisible
anyway.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Windows SharePoint Services Inside Out
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

 

[Murray]

Yes, it does.

--
Murray

Doesn't work in Netscape 4. Yeah, I know, there's very little of that
left,
but some people still worry about it.

Actually, I'm not much of a fan of background images. With today's small
font sizes, anything that doesn't obscure text is probably near-invisible
anyway.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Windows SharePoint Services Inside Out
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------

 

[Murray]

Hmm - apologies. Ignore me.... It does not appear to be supported in NN4x.

 

[bigben1269]

is it possible to put a scroll bar within the cell where my content is so
they can just scroll down and the content window bg stays put?

thanks for help thus far murray

 

[Jim Buyens]

Yes, you can do this with either an IFRAME or a DIV. However, not all
browsers support these uniformly, especially older browsers.

Are you trying to align the details or your layout precisely above a
background image? If so, differences among browsers are likely to zap you
again. Different browsers tend to treat borders and margins differently, and
this makes the background picture and the foreground layout appear out of
alignment on some browsers but not others.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Windows SharePoint Services Inside Out
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------