Different font sizes in FF on laptop?

I've recently noticed that there seems to be some font size differences
(I'm guessing) in pages being viewed in FF 1.5 on my laptop which
causes the whole layout to fall apart. You can see this page here:
http://www.behealthy.com/healthy.cfm and look at the login section.
The login boxes should be side-by-side but they're not when I view the
page on my laptop. It looks fine on my desktop. I don't have this
problem when I look at these pages on either my desktop or laptop in IE
6.

Has anyone encountered this problem and know what's going on? Is there
a solution?

Thanks!
Holli

hgraham (AT) bcbsal (DOT) org wrote:

I've recently noticed that there seems to be some font size
differences (I'm guessing) in pages being viewed in FF 1.5 on my
laptop which causes the whole layout to fall apart. You can see this
page here: http://www.behealthy.com/healthy.cfm and look at the login
section. The login boxes should be side-by-side but they're not when
I view the page on my laptop. It looks fine on my desktop. I don't
have this problem when I look at these pages on either my desktop or
laptop in IE 6.

You have either a wider browser window on the desktop, or a smaller
default font size. I can duplicate what you describe simply by narrowing
the browser window.

Has anyone encountered this problem and know what's going on? Is
there a solution?

A few things to try:
Dump Verdana (it's a large font)
http://xs4all.nl/~sbpoley/webmatters/verdana.html

Get rid of all the sub 100% font sizes, except perhaps for legalese.
Make heading sizes larger than 100%.

Remove the fixed-width. Let it be fluid.
http://allmyfaqs.net/faq.pl?AnySizeDesign

You have duplication in your CSS; it's not necessary to assign a
font-family for child items. Body and td should suffice.

Is this a new page? If so, you should be using a Strict doctype.
'Transitional' is only for .. transitioning .. old documents.

Fix all the errors:
<http://validator.w3.org/check?verbose=1&uri=http%3A//www.behealthy.com/healthy.cfm>
...most of which can be cured by replacing & in links with &amp;
...and only using an id="<word>" once per document, which is the
requirement.

--
-bts
-Warning: I brake for lawn deer

On 27 Mar 2006 11:38:40 -0800, hgraham (AT) bcbsal (DOT) org wrote:

I've recently noticed that there seems to be some font size differences
(I'm guessing) in pages being viewed in FF 1.5 on my laptop which
causes the whole layout to fall apart. You can see this page here:
http://www.behealthy.com/healthy.cfm and look at the login section.

"Could not connect to remote server"

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

hgraham (AT) bcbsal (DOT) org wrote:

I've recently noticed that there seems to be some font size differences
(I'm guessing) in pages being viewed in FF 1.5 on my laptop which
causes the whole layout to fall apart. You can see this page here:
http://www.behealthy.com/healthy.cfm and look at the login section.
The login boxes should be side-by-side but they're not when I view the
page on my laptop. It looks fine on my desktop. I don't have this
problem when I look at these pages on either my desktop or laptop in IE
6.

Has anyone encountered this problem and know what's going on? Is there
a solution?

Thanks!
Holli

I just replicated the problem in Konqueror 3.3.2. The default font size
works fine, but when I enlarged by two sizes, the password block dropped
about an inch on my monitor.

I just checked your css file (healthy.css) and I think you problem is the
width of the right column is set to 130px, the pass box is floated right,
but with the larger font, there isn't space in the 130px for the id block
and the pass block. The block is wrapping, to appear below the other
block.

Carolyn
--
Carolyn Marenger

On 06/03/27 14:38 hgraham (AT) bcbsal (DOT) org apparently typed:

I've recently noticed that there seems to be some font size differences
(I'm guessing) in pages being viewed in FF 1.5 on my laptop which
causes the whole layout to fall apart. You can see this page here:
http://www.behealthy.com/healthy.cfm and look at the login section.
The login boxes should be side-by-side but they're not when I view the
page on my laptop. It looks fine on my desktop. I don't have this
problem when I look at these pages on either my desktop or laptop in IE
6.

Has anyone encountered this problem and know what's going on? Is there
a solution?

Best solution is to abandon the archaic notion that web pages should
always look the same regardless of OS or browser or any of the other
variables under the control of the visitor.

Doze defaults to 96 DPI, but a lot of high resolution laptops come set
to 120 (and users are in any event free to change it anyway). That makes
the IE default of 12pt equal to 20px on those laptops, while the more
usual case makes 12pt equal 16px. Those px are usually different sizes too.

OTOH, Firefox defaults are set in px, and its defaults only change if a
user changes them directly.

On that particular page, everything is virtually subatomic and
unreadable in IE. Good thing I have a modern browser than can overrule
those idiotically microscopic fonts either by enforcing a minimum size,
or by applying zoom.
--
"Blessed are they whose ways are blameless, who walk according
to the law of the Lord." Psalm 119:11 NIV

Team OS/2 ** Reg. Linux User #211409

Felix Miata *** http://mrmazda.no-ip.com/auth/auth