OZONE Asylum
Forums
XML - XSL - XSLT - XHTML - CSS - DOM
CSS Questions - Can a Box (Div) overlap an image in another box?
This page's ID:
24783
Search
QuickChanges
Forums
FAQ
Archives
Register
Edit Post
Who can edit a post?
The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.
Your User Name:
Your Password:
Login Options:
Remember Me On This Computer
Your Text:
Insert Slimies »
Insert UBB Code »
Close
Last Tag
|
All Tags
UBB Help
Yah I got it working, but I'm having one hell of a time trying to get everything lined up. FIrefox it's perfect...but in IE it's always farked up. I hear I should just get it worked in Firefox..then go from there... IE is farked. EDIT:// Okay I went and changed some stuff, the positioning seems to be working in IE and Firefox, but I can't get the Z-index to work. My img div is first..I set it's z-index to 0 but the other divs are still showing below it. Can't figure out why... Here is a lil example: [code] #content { float: left; margin: 0px 0px 0px 0px; background: transparent; overflow: auto; height: 430px; width: 523px; border:1px dashed green; } #nav { float: left; margin: 158px 0px 0px 132px; background: transparent; height: 422px; width: 148px; } #header { position: absolute; background-image:url('bkg.jpg'); background-repeat:no-repeat; left:50%; top:50%; width:1007px; height:631px; margin-left:-503px; /* width/2 */ margin-top:-315px; /* height/2 */ border:1px dashed green; background-color:#eee; [/code] The header is the one that I want on bottom. I tried adding in z-index: 0 to it..and even put the other 2 divs at z-index: 1 or 2 or even 5 but it wouldnt work.. Setting header to z-index: -1 however made it vanish..so I know it was partially working..just can't get the other divs above for some reason. [small](Edited by [internallink=349]Shifter[/internallink] on 01-24-2005 08:31)[/small]
Loading...
Options:
Enable Slimies
Enable Linkwords
« Backwards
—
Onwards »