Sent by Philippe Wittenbergh on 15 March 2006 14:02
On Mar 15, 2006, at 9:37 PM, Gunlaug Sørtun wrote:
> So I thought initially, when testing on the original page[1].
> That's why
> a {font-size: 1px; line-height: 0;} on the container (#header in that
> case) can also be used as a "fix" when we don't have to take any real
> text (put directly into the container without using a separately
> styled
> element) into account. We will of course also have to get rid of all
> extra "whitespace" in such a container, or else IE will add in its
> own gap.
>
> Nice, so now we can use 'display: block', 'vertical-align: bottom' and
> 'float' on an image when we want to avoid those 'inline-gaps', and we
> can also define very small 'font-size/line-height' on the image's
> container for a similar effect.
That {font-size: 1px; line-height: 0;} was once advocated, a very
long time ago, in the early days of this list.
But it is full of problems, as you make you layout dependent on font-
sizes. Something that is not much under control of the stylesheet
author.
It is enough for the user to set a minimum font-size in his/her
browser, or need to size up the text a little, and the problems start.
And as you mention, the problems with IE win ... something that can
be controlled when working with static pages (hand-coding), but when
using wysiwyg editors (Dreamweaver formats the source code) or CMS
editors, it is next to impossible to control.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
