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.
9 2099
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 :)
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.
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.
I made a little experiment for you.
well got the solution;
add another style to container Div
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.
i know you didnt add overflow. i am asking you to add overflow and see what happen
Sorry You are right,
Its not working. I am trying to figure it out :)
You got it right about background-attachment
the link explained it very well.
But cant give you a real solution for what you need :(
Remove background-attachment.
Are you still having trouble positioning the div?
Sign in to post your reply or Sign up for a free account.
Similar topics
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...
|
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...
|
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...
|
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...
|
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...
|
by: ThunderMusic |
last post by:
Hi,
I think the subject says it all...
thanks
ThunderMusic
|
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...
|
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. ...
|
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.......
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
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...
|
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
|
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...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
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...
|
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,...
|
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...
|
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,...
| |