Sent by Jeremy Dunck on 3 January 2003 21:09
>From: Stephanie Sullivan [EMAIL-REMOVED]>
<snip>
>Which is exactly what this site is supposed to do... Scale to everything...
> >
<snip>
> > 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.
>This
> > illustrates the reason people say you shouldn't do pixel-based
>measurements.
>
>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:
http://dunck.us/2002/CSSTests/floatStackedImage.html
My proposed solution is to substitute this:
.next {
height: 10em;
}
instead of this:
.next {
height: 105px;
}
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
.next {
height: 10em;
}
in your small-text sheets, and
.next {
height: 6em;
}
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
>http://www.kspope.com/groundzero/gz3.php OR
>http://www.kspope.com/groundzero/gz4.php
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
image 2.
>That you're seeing this on?? What system are you using? Browser?
This affects O7 and Mz1, all on W2K. IE6 looked OK.
<snip>
>
>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
be. :-P
-Jeremy
_________________________________________________________________
Add photos to your e-mail with MSN 8. Get 2 months FREE*.
http://join.msn.com/?page=features/featuredemail
