472,984 Members | 2,075 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,984 software developers and data experts.

fixed background image w/css problem

I'm trying to create a fixed, no-repeat, centered background image using
an external css. Everything works great until I add

background-attachment: fixed

then it just doesn't show the image at all. I've tried it using the
"all in one"

{background: url(SGsmall.jpg) no-repeat center fixed}

and it just doesn't show the background image.

as soon as I remove the fixed part it works fine, but of course it is
not fixed. I've tried it in NS7 and IE6.

What gives?

Jul 23 '05 #1
2 4182
On Mon, 27 Sep 2004 20:29:56 -0400, Jonathan Carmichael
<jo****************@cox.net> declared in
comp.infosystems.www.authoring.html:
What gives?


As usual, a URL speaks a thousand words.

--
Mark Parnell
http://www.clarkecomputers.com.au
Jul 23 '05 #2
On Mon, 27 Sep 2004 20:29:56 -0400, Jonathan Carmichael
<jo****************@cox.net> wrote:
I'm trying to create a fixed, no-repeat, centered background image using
an external css. Everything works great until I add

background-attachment: fixed

then it just doesn't show the image at all. I've tried it using the
"all in one"

{background: url(SGsmall.jpg) no-repeat center fixed}

and it just doesn't show the background image.

as soon as I remove the fixed part it works fine, but of course it is
not fixed. I've tried it in NS7 and IE6.

What gives?


Are you aware that 'fixed' fixes the background relative to the
viewport an dnot relative to the element you've set the style on? Thus
your background image will be fixed at the top center of the viewport
and will not tile. If you have other elements at the top of your page
with backgounds then they are likely to be covering the background
image.

Post a URL.

Steve

Jul 23 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Vitabiz Productions Ltd | last post by:
Hello, I'm currently experiencing some problems with the following code: <TABLE border=1 cellpadding=0 cellspacing=0> <TR> <TD BACKGROUND="images/menu.gif" WIDTH="170px" HEIGHT="372px"...
2
by: hq105862 | last post by:
Hi, Is it possible to simulate frames behaviour with CSS? Currently, I've used CSS to create the visual look of my old framed site. For this I've used styles that place the images at absolute...
1
by: Robert Blasius | last post by:
Hi there. sorry, for the first posting. I pressed the wrong button... Again. I`m trying to realize an css for the body-tag which contains an fixed image in the upperleft and instead of an...
1
by: Andrew Poulos | last post by:
I have some HTML that looks a bit like this: <div id="panel"> <div> <p>blah</p> </div> </div> The relevant CSS looks like this:
6
by: Sandman | last post by:
I'm having some problem here... I have a javascript I've downloaded that goes through all PNG files and enables the transparency channel in them for IE5.5+ by converting them to SPAN layers with...
40
by: Mark | last post by:
Hello i like to make the following lay out: - 3 columns - center column = fixed width - left and right columns are not fixed and must take all the available space there is left. - left...
7
by: Paul Wake | last post by:
I'm missing something regarding positioning background images. It's probably obvious, and I hope someone here will note it for me. I'm trying to do something like the complex spiral thing, only...
3
shane3341436
by: shane3341436 | last post by:
Hello, I used background-attachment=fixed for a div tag for fixing the background image. It works fine under mozilla firefox. But using IE the attachment doesn't seems to be fixed. In fact the...
0
by: RubbedLung | last post by:
http://www.hometeamproperties.net/Forms/PVA/LPV.htm As you can see its a valid page but now the bottom right rounded corner is gone, and there are entire blocks of color missing from the interior...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
3
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.