Thanks Francky,
In design terms allowing the user to resize fonts can throw out your design
and cause scroll bars etc to change your layout. I understand that this is a
requirement especially for accessibility reasons. However, certain things
are different. Take this for example,
#nav_menu {
position:absolute;
width:13.3%;
height:35%;
z-index:5;
left: 0%;
top: 14%;
background-color: #660000;
}
ul {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
list-style:square;
padding-left:1.1em;
margin:1em;
color:#FFFFFF;
padding-bottom:11px;
}
li {
padding-top:.5em;
margin:0;
font-stretch:condensed;
list-style-type: square;
}
And the HTML
<div id="nav_menu">
<ul>
<li>ABOUT US</li>
<li>NEWS</li>
<li>ARTICLES</li>
<li>ADVERTISING</li>
<li>DIRECTORY</li>
<li>GAZETTEER</li>
<li>DOWNLOADS</li>
<li>LINKS</li>
<li>FORUM</li>
</ul>
</div>
There is never going to be more to see, but if the window size increases,
the navbox gets bigger, but the text remains the same size, not filling the
box.
On the other hand, if I keep the font-size using em then the user can break
the menu if they increase the size. This seems like a lose lose situation.
Regards
Pete
-----Original Message-----
From: francky [mailto:[EMAIL PROTECTED]
Sent: 08 September 2006 10:16
To: [EMAIL PROTECTED]
Cc: [email protected]
Subject: Re: [css-d] Automatically scaling fonts
Pete Home wrote:
>Is there a way to scale the font size as the window size increases? I
>am working on an elastic layout that works fin when the browser window
>is increased and reduced, however, the fonts do not increase or
>decrease in size so I end up with blank space when the window size is
>big and over-flowed text when it's small. I'd like the text size to
>increase as well.
>
>I suppose I could do something with Javascript, but I'd rather not.
>
>Regards
>Pete
>
Hi Pete,
"scale the font size as the window size increases?"
* If this means "automatically scale the font size as the screen
resolution changes",
then giving the font size in relative units will help (pure css).
See css-d Wiki page <http://css-discuss.incutio.com/?page=FontSize>.
* If this really means "scale the font size as the window size
increases",
then probably the available horizontal window size is the intended
trigger (should be possible with javascript).
But: resizing the window (into not full screen), if the visitor
wants to see more things as the site window: then at once the font
size is changing without the visitor is beeing asked...
And: some visitors use a sidebar (for history or
favorites/bookmarks). If they enlarge the sidebar area ... then
the font size is getting smaller!
My conclusion: I should never do it the second way! :-)
Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
