[Design with CSS 2174] Re: Z-index and Position Relative

Mon, 30 Mar 2009 14:13:37 -0700

Create a separate print style sheet.



jerrygarciuh wrote: 
Thans for the reply!

Hmm, any advice on the best way to achieve page breaks when printing
these from my absolutely positioned page?

JG



On Mar 30, 3:58 pm, Amanda Obringer <[email protected]> wrote:
  
don't think you can have a z-index on a relatively positioned div.  Need to
use position:absolute.

On Fri, Mar 27, 2009 at 6:13 PM, jerrygarciuh <[email protected]>wrote:



    
Hi folks,
      
First post here.
      
I have some web delivered vouchers where the background image has to
be printed so I created absolutely positioned divs only to find that
page-break-after:always  will not work due to the absolute
positioning.
      
So I am trying now to make this page which will have varying numbers
of vouchers on it with only relative positioning and sets of two
layers per voucher.  Lower layer has the watermark image and upper
layer has the text.
      
I just can't seem to figure out how to get the z-index to apply here.
The image shows up and tehn is followed by my text rather than being
under my text.
      
Code is like this:
      
<style type="text/css">
.container
{
width: 650px;
border: solid;
page-break-after:always;
position:relative;
z-index:2;
}
.imgContainer
{
position:relative;
z-index:1;
}
</style>
      
<div class="container">
<div class="imgContainer"><img src="" /></div>
Here is all my voucher text.
</div>
      
Can anyone tell me what I am doing wrong there?
      
TIA!!
      
jg

--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS" at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---

Reply via email to