473,387 Members | 1,619 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

how to manipulate a background in absolute div

I have this layout that is coming together, except for one absolutely positioned div (id="dancers")which is inside a relatively positioned "container" div.

http://www.tangobarok.com/new/

link to css - http://www.tangobarok.com/new/main.css

whenever I try to position it more to the right and lower with {top: 40px;}the contents of div itself moves, but the background of it doesn't. Therefore the dancers background gets cut off. I thought the background was relative to the div it's in?

Thank you for your help!

Natalia.
Aug 19 '10 #1
9 2099
johny10151981
1,059 1GB
your dancer div is relative to Container div.

and dancer div's default left and top is set to zero(infiact you didnt set any). if you want to move your dancer div to the left of container div you need to set left value to negative. Try this and let us know :)
Aug 19 '10 #2
that's the problem I was trying to describe - when I set the position, the div itself moves

http://www.tangobarok.com/new/

(see the blue word hello), and the background doesn't.
Aug 19 '10 #3
I am guessing it's because the background is "fixed". I just didn't realize it would be fixed to the body of the document and not a browser window.
Aug 19 '10 #4
johny10151981
1,059 1GB
I made a little experiment for you.

well got the solution;
add another style to container Div

Expand|Select|Wrap|Line Numbers
  1. overflow:visible
if you add this to container then you will be able to see the whole picture on the left; otherwise you cant. The reason is the image you want to see is a background to the dancer div so, when you are moving it to left you cant see some part.
Aug 19 '10 #5
sorry, overflow:visible does not do anything. There is no overflow, the background is not a part of the content

http://www.tangobarok.com/new/
Aug 19 '10 #6
johny10151981
1,059 1GB
i know you didnt add overflow. i am asking you to add overflow and see what happen
Aug 19 '10 #7
johny10151981
1,059 1GB
Sorry You are right,
Its not working. I am trying to figure it out :)
Aug 19 '10 #8
johny10151981
1,059 1GB
You got it right about background-attachment
the link explained it very well.

But cant give you a real solution for what you need :(
Aug 19 '10 #9
JKing
1,206 Expert 1GB
Remove background-attachment.

Are you still having trouble positioning the div?
Aug 19 '10 #10

Sign in to post your reply or Sign up for a free account.

Similar topics

4
by: mike eli | last post by:
Hi, I have several absolute positioned elements inside an absolute positioned DIV. I would like one of the nested elements to have a dynamic width. I set it's left and right attributes to 5, so...
2
by: chris_culley | last post by:
Hi there, I've got a gif with (highly) irregular shapes (lots of jigsaw pieces) that I want to map so that each piece is a link... The pieces are currently just a frame drawing, but as they...
0
by: Skeeve | last post by:
Hi there, I'm trying to create a containing box (relative position), and within it, I'm trying to line that box with four (top, right, left, bottom) thin boxes that contain a repeated background...
2
by: Skeeve | last post by:
Hi there, I'm trying to create a containing box (relative position), and within it, I'm trying to line that box with four (top, right, left, bottom) thin boxes that contain a repeated background...
3
by: horusprim | last post by:
Is there a CSS absolute positioning rendering bug in FF1.02 and IE 6? I have been experimenting with precision absolute positioning in CSS. The following test content was used in the...
6
by: ThunderMusic | last post by:
Hi, I think the subject says it all... thanks ThunderMusic
2
by: nino9stars | last post by:
Hello, I have just started messing with absolute positioning on webpages, and it definitely let's you do some creative things. Well, after much searching and help, I got the images I was using...
3
by: goldenboy651 | last post by:
My Positioning in IE 6 is exactly the way I want it, but when I view the page in my firefox browser things are out of place. When I try and change the css my IE page moves, but the firefox doesn't. ...
0
by: sknonline | last post by:
Greetings. I am having troubles using absolute positioning in IE6. When I establish the width as 100%, it's not spanning the entire width of the browser. It works in Firefox, Safari, and IE7.......
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

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.