What I want here, is a 400px high div with a background filling the full width and the other div under with another background.
These divs should just be the backgrounds, and my content on the page shouldnt affect any of these div’s in any way.
The background div’s in my case is #förstabg and #andrabg.
I’m not sure if im doing right with this but anyhow a problem occured.
#andrabg wich is my second background is not behind my imageslider wich is #slider.
I can see the picture posted in the first post, but other than the two elements labeled there, I don’t know who/where all the other boxes are, so I can’t see what’s going on.
is undermitter the jumping dude pic? and does homebgtile have the fw and the greyish block on it, or is homebgtile just the wallpaper tiled and the fw is logo.png? and is then the grey area a bg for menu? Where is slideshow? What part of the code is the text supposed to be that is sitting at the bottom of jumping dude? is jumping dude actually reaching down to the yellow line?
We could build the code you have now if we had also access to teh images you’re using, or you could post something live, so we could see better what’s going on.
If I understand what you’re after, you could make one div the width of your content and apply andrabg to that. Inside that div, make a second one, same width and 400px high and apply förstabg to it. Does that make sense?
I guess not since the background should be 100% wide.
Right now i have a the #andrabg div before my slider div and at the end. So the background starts just where my slider div starts and ends at the end. I want the background to start halfway my slider picture, But i dont know how to get it there.
Then set the main background andrabg on body, and make a second div, 100% wide, to hold the förstabg. You’ve already said you want that div 400px high, but set the height to whatever it takes to get it to end half-way down your slider.
But basically I wanna have my body background image to be all over the site.
Two divs with that meets halfway in at my slider picture.
At this picture the green and grey is only showing the divs with my custom background images, but my body background image is a BG thats gona be all over my website. You may think…Why does he have a body background when he have two divs overlapping the body background. One of my div backgrounds is semi transparent, so the body bg and div bg will both be shown.
[FONT=Verdana]OK, I think we have two problems here. The first is that you haven’t entirely understood how my code works, perhaps because I haven’t explained it very clearly. The second is that all through this thread, I’ve been guessing at what you want and what you’re trying to achieve, because you haven’t given me full information.
In my code, there is an x and y repeating background image on <body>. (i.e. the image repeats horizontally and vertically.) Inside <body> is the div #background1, which also has an x and y repeating background image. This div has a min-height of 800px set. Nested inside this div is another, Content. It has a 400px high background image, which is set to repeat-x only. So no matter how tall the div gets, the background image will only ever cover the top 400px. The image (standing in for your slider) is centred over the join between the two backgrounds. If you’re using different sizes of image/backgrounds, then you’ll need to play about a bit to get things lined up, but the theory is simple enough.
You added in another complication yesterday, when you mentioned that you wanted the body background to show through the top background (which is applied to Content). There are various ways to do this, depending on the kind of images you’re using. If you’re using a fixed-size, no-repeat image for the lower background portion (on #background1), then you can use background-position: 0px 400px; to position it below the other background. If you’re using a repeating image, you’ll need to construct it in such a way that it has a transparent area at the top, to lie underneath the top background. There may be other ways to do it, but as I don’t know what else you’re planning to put on the page, I’d be guessing again.
Can you work out from that how to adjust my code to fit your images? I can’t be of much more help just now, because
but the two divs dosent meet in the middle of the sliderpic
doesn’t give me much clue as to what’s actually happening. :)[/FONT]