>From: Stephanie Sullivan [EMAIL-REMOVED]>
>Which is exactly what this site is supposed to do... Scale to everything...
> > In fact, if you check your page with the large-text sheet, you'll see
> > there's a different problem-- that the text overruns the height set.
> > illustrates the reason people say you shouldn't do pixel-based
>I don't see anything evil... I checked on my mac and on my Win98 box... It
>seems that even though it's obviously larger than 105px, it's flowing under
>the next paragraph...
With very large text sizes, I was seeing overlaps between the text (due to
overflow: visible, I suppose).
My example here is updated to reflect what I'm talking about:
My proposed solution is to substitute this:
instead of this:
in your code.
If, at larger-text, you don't like how much space that leaves, then your
next step is to include something like
in your small-text sheets, and
in your large-text sheets.
Ideally, min-height set to the proper height would do exactly the job we're
after, but cross-browser support for it is [quite bad].
>Is it the
Both pages exhibit some of the effect, but gz3 seems to be worse. I think
that is just because of the differing text on the pages, though.
Specifically, on gz3, series 2, image 1 text overlaps badly with the box for
>That you're seeing this on?? What system are you using? Browser?
This affects O7 and Mz1, all on W2K. IE6 looked OK.
>The one you're originally viewing is the smallest I have to set for... All
>the other sizes switch to a larger font...
Looks fine at small w/ px, but larger exhibits the problem.
Sorry this wasn't the simplest answer.. again, min-height is exactly what
we're after, and setting that to about 120px would be ideal, if browsers
supported it consistently. Instead, we're guessing how big the text will
Add photos to your e-mail with MSN 8. Get 2 months FREE*.