how do you make text expandable in the browser

how do you make text expandable in the browser, it was my understanding that you use em's inside a % div. See the attached file. what am I doing wrong.
expandType.html
designaireAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
I looked at your file but I don't know what you mean by 'expanding text'.
0
designaireAuthor Commented:
Type that scales with the browser. Get's larger and smaller.
0
Dave BaldwinFixer of ProblemsCommented:
Your file appears to work fine in Firefox to zoom larger and smaller.  Where is it not working?
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

s8webCommented:
Yep, looks good in Chrome too.
0
designaireAuthor Commented:
The type doesn't change size, I thought you could make the actual type scale. The box around it does and it fills in the box but the size of the type doesn't change. I'm using firefox.
0
Dave BaldwinFixer of ProblemsCommented:
The type size does change in Firefox 11 on my computer.
0
designaireAuthor Commented:
I need to use media queries
0
Dave BaldwinFixer of ProblemsCommented:
What does that mean and what does it have to do with your original question?
0
designaireAuthor Commented:
The text needs to shrink with different settings, through media queries. Media queries have different browser widths and you can change the css for that width. In the css you change the size of the text. Text doesn't shrink in percentages like images can, I thought i could.
0
s8webCommented:
I don't see any media queries in your attached file.
0
Dave BaldwinFixer of ProblemsCommented:
Your file works fine for 'zoom' in standard browsers.  For 'media queries', you have to add something to the file to handle them.  Here http://www.w3.org/TR/css3-mediaqueries/ is the 'official' word and 'media queries' is not official yet, requires HTML5, and is part of CSS3.  So your target audience browsers have to understand HTML5 and CSS3.  This article has more info: http://www.alistapart.com/articles/responsive-web-design/
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
designaireAuthor Commented:
That's what I was trying to say. I have the alistapart book. For some reason I thought the text could expand to moblie size without media queries.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.