Quote:
I'm having a problem with the text on a page overlapping when set to
largest. The text is in layers, I don't know wether thats the
problem or not. I'm looking for a way that when either space the
text out when someones browser is set to "largest" or changing the
browser settings so that the text on my page stays the same size? |
Unfortunately the layers saw you coming a mile away. You have fallen
directly into the trap that most people do when using layers.
You cannot insert text into layers (absolutely positioned <divs>) which
you are using, which are drawn on your page, directly beneath one another.
You are experiencing exactly what happens when you do that.
There is no solution for this. You must know how layers work, their
weaknesses and their strengths.
If you want to use layers then the only way you can do this is decide
how many columns your design will need, draw the same number of layers
on your page, then fill them with the content, using paragraph and break
tags to manipulate the position of the contents, plus some css if you
know how.
Its all about anticipating what your design is going to do. That
obviously comes with time and experience, plus a boat load of
frustration thrown in as well.
Try using tables, they stretch to accommodate your text or you could use
css-p but that method sounds as if it might be beyond your scope at this
present stage. Its quite hard to grasp.
Good luck