Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > Text Overflow from One Layer to Next?

Text Overflow from One Layer to Next?
Thread Tools
Mac Elite
Join Date: Jan 2004
Location: Berkeley, CA
Status: Offline
Reply With Quote
Jun 28, 2005, 11:16 PM
 
Here's my dillema...

I have my page divided up into three layers (they're not absolute, so maybe you'd just call them divisions). The first is the header layer, the second is the repeat layer (so that, as text is entered, this layer expands), and the third is the footer layer. The header layer contains the beginning of a text box, which is continued by the repeat layer (which just makes it longer and longer). The top of the text box (the part that I had to keep in the header layer) has a watermark in the background, but I still want text to go there (but, of course, I don't want this part repeated).

I want the text to start up at the header layer, and continue into the repeat layer, so that the text box expands as necessary. Is this possible? If not, what should I do?

I feel that the best solution would to make the length of the repeating layer depending on the amount of text in a new layer. Can the length of one layer depend on the length of another layer (which would be on top of it)?
(Last edited by tavilach; Jun 28, 2005 at 11:34 PM. )
"Give me a lever long enough and a fulcrum on which to place it, and I shall move the world." -Archimedes
     
Clinically Insane
Join Date: Nov 1999
Status: Offline
Reply With Quote
Jun 29, 2005, 07:00 AM
 
What's in the header layer? Is it just an image?

If it's just an image, you could remove it from the HTML completely, set the background of the repeat layer to the image, and give it a background-repeat of no-repeat or repeat-x (whichever is appropriate).

If it's more than just an image -or if it's just an image but the repeat layer already has a background image of its own- then we need an alternate approach. Move the header div inside the repeat layer (put it at the beginning so you don't have to fiddle with z-index). Use CSS to give it whatever height and width are appropriate, but then set position: absolute and top:0px to put it at the top of the div. Absolute positioning will take the div out of the normal text flow, so the text will be bumped up to the start of the layer, and because you put the header layer at the beginning it should appear behind the text.
You are in Soviet Russia. It is dark. Grue is likely to be eaten by YOU!
     
   
Thread Tools
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Top
Privacy Policy
All times are GMT -5. The time now is 09:18 AM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2