Computed margin possible?

I'm not optimistic on this - I looked at the w3.org site and found
nothing to suggest it's possible:

I have an image at the top of a page with a fixed vertical size of 125
px. Below that is a row of text and below that another content area.

- The image is centered at the top of the background.
- The text line is offset by 125px absolute from the top and is 1.2em
high.
- The content area top margin is 145px.

If I change the text size in FF with <ctrl><+> or <ctrl><->, the text
line changes size and either separates from the following content area
or gets cut off behind it (is overlapped),

If I change the thing to be calculated height - The content area top
margin is 12em (or whatever), then the text line is never overlapped.
However, the text line and the content get separated with larger fonts
since the content area is moving ever lower with larger em sizes.

Ideally, I'd like to have a compound value for the content area:
- The content area top margin is 125px + 1.2em. (static value plus
dynamic value)

Not possible apparently. Does anyone know of a work-around for
something like this?

Mike

"Michael Daly" <MichaelDaly@foo.bar> wrote in message
news:KKmdnUgQPLo-zrzbnZ2dnUVZ_hadnZ2d@magma.ca...
> I'm not optimistic on this - I looked at the w3.org site and found nothing
> to suggest it's possible:
>
> I have an image at the top of a page with a fixed vertical size of 125 px.
> Below that is a row of text and below that another content area.
>
> - The image is centered at the top of the background.
> - The text line is offset by 125px absolute from the top and is 1.2em
> high.
> - The content area top margin is 145px.
>
> If I change the text size in FF with <ctrl><+> or <ctrl><->, the text line
> changes size and either separates from the following content area or gets
> cut off behind it (is overlapped),
>
> If I change the thing to be calculated height - The content area top
> margin is 12em (or whatever), then the text line is never overlapped.
> However, the text line and the content get separated with larger fonts
> since the content area is moving ever lower with larger em sizes.
>
> Ideally, I'd like to have a compound value for the content area:
> - The content area top margin is 125px + 1.2em. (static value plus dynamic
> value)
>
> Not possible apparently. Does anyone know of a work-around for something
> like this?
>
> Mike

Is this newsgroup monitored? I see three messages and none have been
responded too?

Bruce

Michael Daly wrote:
> I'm not optimistic on this - I looked at the w3.org site and found
> nothing to suggest it's possible:
>
> I have an image at the top of a page with a fixed vertical size of 125
> px. Below that is a row of text and below that another content area.
>
> - The image is centered at the top of the background.
> - The text line is offset by 125px absolute from the top and is 1.2em
> high.
> - The content area top margin is 145px.
>
> If I change the text size in FF with <ctrl><+> or <ctrl><->, the text
> line changes size and either separates from the following content area
> or gets cut off behind it (is overlapped),
>
> If I change the thing to be calculated height - The content area top
> margin is 12em (or whatever), then the text line is never overlapped.
> However, the text line and the content get separated with larger fonts
> since the content area is moving ever lower with larger em sizes.
>
> Ideally, I'd like to have a compound value for the content area:
> - The content area top margin is 125px + 1.2em. (static value plus
> dynamic value)
>
> Not possible apparently. Does anyone know of a work-around for
> something like this?
>
> Mike

I'd try javascript, if you can't get it to work send me the page and
I'll see what I can do.

Mike

Michael Daly wrote:
> I'm not optimistic on this - I looked at the w3.org site and found
> nothing to suggest it's possible:
>
> I have an image at the top of a page with a fixed vertical size of 125
> px. Below that is a row of text and below that another content area.
>
> - The image is centered at the top of the background.
> - The text line is offset by 125px absolute from the top and is 1.2em
> high.
> - The content area top margin is 145px.
>
> If I change the text size in FF with <ctrl><+> or <ctrl><->, the text
> line changes size and either separates from the following content area
> or gets cut off behind it (is overlapped),
>
> If I change the thing to be calculated height - The content area top
> margin is 12em (or whatever), then the text line is never overlapped.
> However, the text line and the content get separated with larger fonts
> since the content area is moving ever lower with larger em sizes.
>
> Ideally, I'd like to have a compound value for the content area:
> - The content area top margin is 125px + 1.2em. (static value plus
> dynamic value)
>
> Not possible apparently. Does anyone know of a work-around for
> something like this?
>
> Mike

These aren't exactly what you're looking for but they might give you
some ideas:

http://www.aglasshalffull.org/css-re...he-W3C-DOM.htm

http://www.devsource.com/article2/0,1895,2103610,00.asp

Mike

Michael Daly wrote:
> I'm not optimistic on this - I looked at the w3.org site and found
> nothing to suggest it's possible:
>
> I have an image at the top of a page with a fixed vertical size of 125
> px. Below that is a row of text and below that another content area.
>
> - The image is centered at the top of the background.
> - The text line is offset by 125px absolute from the top and is 1.2em
> high.
> - The content area top margin is 145px.
>
> If I change the text size in FF with <ctrl><+> or <ctrl><->, the text
> line changes size and either separates from the following content area
> or gets cut off behind it (is overlapped),
>
> If I change the thing to be calculated height - The content area top
> margin is 12em (or whatever), then the text line is never overlapped.
> However, the text line and the content get separated with larger fonts
> since the content area is moving ever lower with larger em sizes.
>
> Ideally, I'd like to have a compound value for the content area:
> - The content area top margin is 125px + 1.2em. (static value plus
> dynamic value)
>
> Not possible apparently. Does anyone know of a work-around for
> something like this?
>
> Mike

These may be helpful in getting you started:

http://alistapart.com/articles/fontresizing
http://alistapart.com/comments/fontresizing/

Mike

Mike Scirocco wrote:

> I'd try javascript, if you can't get it to work send me the page and
> I'll see what I can do.

JS is not an option in this case.

I've decided to do it a bit more brute force - rearranging the existing
<div>s and inserting a new bit on top so that the image size is in one
div and the text size is in a separate one. This didn't look possible
at first, but I've been able to access the HTML and not just the CSS
(don't ask...).

Mike