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="/some.jpg" /></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] -~----------~----~----~----~------~----~------~--~---
