Solved

CSS background image

Posted on 2013-01-08
3
319 Views
Last Modified: 2013-01-08
Please look at http://rkassoc.net/DrainageHouston/

Notice how the background image (drawing) covers the entire page, not just the body.

I want it to be a background image for the body only. See attached html / CSS. How can I make it for the body ONLY?

Thanks
index.htm
0
Comment
Question by:Richard Korts
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 29

Accepted Solution

by:
becraig earned 500 total points
ID: 38757140
Fiddle around with this:
body
{
background-image:url('img.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}




I think you want it to stay center / fixed and not be repeated .
0
 

Author Comment

by:Richard Korts
ID: 38757210
To becraig

Well, sort of. I DID want it to repeat, but just under the body. If I do no-repeat, I get it once, centered.

So I redid the background so it was an EXACT fit (width wise) for the background area.

CSS is awfully non-intuitive for some things.
0
 
LVL 29

Expert Comment

by:becraig
ID: 38757214
I know terribly sorry about that  :)
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Blending HTML output from R Studio into a ASP.Net/C# project 4 52
Web page design problem 3 41
Diff of the day 2 42
center div inside another div 2 32
This article discusses four methods for overlaying images in a container on a web page
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question