Creating dynamic vertical space

Creative solution needed

[Tonearm]

I'm using a source-ordered design along with absolute positioning. This allows me to put my content right after the opening body tag so it loads first and the search engines "weight" it properly, and then absolutely-position it in the middle of the page in accordance with the design. Visually, the content is surrounded by a left column, a right column, and a header.

The problem is that the header includes some text and when the user changes the size of their text, the header section's height expands to overlap the absolutely-positioned content that relies on a static header height. Does that make sense?

What can I do to specify the absolutely-positioned content's top position dynamically to take into account the current size of the text in the header? I've seen some CSS attributes that can be defined in terms of current font size so I'm holding out some hope that this is possible.

Please let me know if I'm not explaining this well enough.

- Grant

[evo81]

Hello,

You could try setting the absolute position in em?

Regards