Topic awaiting preservation: JavaScript menu + line-height (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=8563" title="Pages that link to Topic awaiting preservation: JavaScript menu + line-height (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: JavaScript menu + line-height <span class="small">(Page 1 of 1)</span>\$

BlueHarvest Nervous Wreck (II) Inmate From: Västerås, Sweden Insane since: Dec 2002	posted 03-06-2003 10:35 My company's built a site that's got various functionality to make the text on it's pages easier to read for people with bad sight etc. What's causing problems is the possibility to set the line-height to 200%. Works fine everywhere except in a frame window that holds the navigation for the site. It's a JavaScript menu with drop-down alternatives. After you've switched from the 100% line-height setting (which is default) to the 200% line-height setting - the alternatives in the drop-down menu are affected by the line-height and you only see the top half of the text. Okay... so just make a CSS for that frame window that doesn't contain the 200% option and the problem is fixed, right? Wrong. The frame window with the JavaScript already is using a different CSS which does not manipulate the line-height no matter what settings you have for the site in general. Why is it affected? Ideas anyone? Here's the site: http://www.svenskakyrkan.se To change the line-height and see the menu bug - click on Inställningar at the top of the page and then change the Radavstånd setting from Normal to Stor.
Dracusis Maniac (V) Inmate From: Brisbane, Australia Insane since: Apr 2001	posted 03-06-2003 17:22 Maybe adding !important to the CSS line height rule for the menu would fix that. You are setting a line height rule for the menu aren't you? Cause if your not then it'll just inherit that value from any containing element (inclusing any styles applied to the <body> tag and maybe in some bizzare cases from a <frameset> )... How are you setting the 200% lineheight btw?... [This message has been edited by Dracusis (edited 03-06-2003).]
Slime Lunatic (VI) Mad Scientist From: Massachusetts, USA Insane since: Mar 2000	posted 03-06-2003 18:14 I must admit I find it ironic that the page is supposed to provide extra functionality to be easier for people with bad sight to read, yet it doesn't respect the text size option in Internet Explorer (the font size appears to be specified in absolute units or something). If it's not going to take the user's preset browser preferences into account, why bother adding extra features that require the user to set extra settings?
BlueHarvest Nervous Wreck (II) Inmate From: Västerås, Sweden Insane since: Dec 2002	posted 03-07-2003 08:22 The line-heigh is set in the body tag. The line-height is normal in the body tag for the frame that holds the JavaScript menu. The bug appears when the value is changed in one of the other frames. Hence my problem. PS. Text size is also controlled from the same place you adjust your line-height and/or contrast. It was one of the client's requirements.

Topic awaiting preservation: JavaScript menu + line-height (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=8563" title="Pages that link to Topic awaiting preservation: JavaScript menu + line-height (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: JavaScript menu + line-height <span class="small">(Page 1 of 1)</span>\$

BlueHarvest
Nervous Wreck (II) Inmate

From: Västerås, Sweden
Insane since: Dec 2002

posted 03-06-2003 10:35

My company's built a site that's got various functionality to make the text on it's pages easier to read for people with bad sight etc.
What's causing problems is the possibility to set the line-height to 200%.

Works fine everywhere except in a frame window that holds the navigation for the site. It's a JavaScript menu with drop-down alternatives. After you've switched from the 100% line-height setting (which is default) to the 200% line-height setting - the alternatives in the drop-down menu are affected by the line-height and you only see the top half of the text.

Okay... so just make a CSS for that frame window that doesn't contain the 200% option and the problem is fixed, right?
Wrong. The frame window with the JavaScript already is using a different CSS which does not manipulate the line-height no matter what settings you have for the site in general. Why is it affected?

Ideas anyone?

Here's the site: http://www.svenskakyrkan.se
To change the line-height and see the menu bug - click on Inställningar at the top of the page and then change the Radavstånd setting from Normal to Stor.

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted 03-06-2003 17:22

Maybe adding !important to the CSS line height rule for the menu would fix that. You are setting a line height rule for the menu aren't you? Cause if your not then it'll just inherit that value from any containing element (inclusing any styles applied to the <body> tag and maybe in some bizzare cases from a <frameset> )... How are you setting the 200% lineheight btw?...

[This message has been edited by Dracusis (edited 03-06-2003).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted 03-06-2003 18:14

I must admit I find it ironic that the page is supposed to provide extra functionality to be easier for people with bad sight to read, yet it doesn't respect the text size option in Internet Explorer (the font size appears to be specified in absolute units or something).

If it's not going to take the user's preset browser preferences into account, why bother adding extra features that require the user to set extra settings?

BlueHarvest
Nervous Wreck (II) Inmate

From: Västerås, Sweden
Insane since: Dec 2002

posted 03-07-2003 08:22

The line-heigh is set in the body tag. The line-height is normal in the body tag for the frame that holds the JavaScript menu. The bug appears when the value is changed in one of the other frames. Hence my problem.

PS. Text size is also controlled from the same place you adjust your line-height and/or contrast. It was one of the client's requirements.