css help
- Started
- Last post
- 9 Responses
- taylorv
Can someone point me in the right direction to create this mockup in CSS?
The main problem I'm having is trying figure out how to get the image of the boy to overlay the header image, the middle band and the main content background.
I would like to not have to do any slicing of images in pieces. And I'd also like to keep the middle tan bar expandable so I can put as much or as little text in there as I want.
Any ideas?
- 7point340
image {
position: relative;
z-index: 10;}
- TheBlueOne0
z-index
- right, what 7point34 said more comprehensivelyTheBlueOne
- taylorv0
just z-index it?
Seems too easy.. I've messed around with it a bit, but I'm not getting the result I want.
I'll play some more.
- trooperbill0
make the header a background image and the boy a foreground positioned one.
- acescence0
maybe float and negative top margin?
- taylorv0
@acescence - that's what I ended up doing... I up the boy in a column below the tan bar and added a negative margin to the to of the div. Seems to be holding up in all the browsers just fine.
Thanks
- neverblink0
don't really need z-index if the boy image is later in the code.. a negative top-margin will work
- Stugoo0
is it working in ie6? (got a link?)