Line Spacing in IE6

Is there a way to tweak the spacing of lines of text (or leading)
*specifically* in IE6? I've created a "Quick Search" box in my layout
which renders pretty consistently in all the browsers I've tested it
on, except in IE6 for the PC. The spacing is completely inconsistent
with all the other browsers. (See
http://www.sunriveronline.org/misc/clrn ) Is there a way to include a
few lines of code in my CSS file that will adjust IE6's spacing?

-Fleemo

fleemo17 (AT) comcast (DOT) net wrote:

Is there a way to tweak the spacing of lines of text (or leading)
*specifically* in IE6?

Wrong question. Try analyzing your original problem instead of guessing
on an answer which would just be an additional problem.

I've created a "Quick Search" box in my
layout which renders pretty consistently in all the browsers I've
tested it on, except in IE6 for the PC. The spacing is completely
inconsistent with all the other browsers.

Why would that matter? Do you think people use different browsers just
to compare the appearance of pages on them and get mad (at you) if they
find some "inconsistencies"?

Even if we consider this a real problem, you should have explained, in
prose, what you have tried to do to affect the spacing (and what you
mean by mentioning leading as well). It's pointless that each of us
would separately analyze your markup and CSS code and try to figure out
what you are trying to achive and how. We need the code too, of course,
but also something else to start with.

(See
http://www.sunriveronline.org/misc/clrn )

You have more serious problems to attend. When I looked at the page,
I saw the texts in the form almost white on white. Then, presumably,
some background image was loaded. What if it didn't load at all?
Even the heading "Quick Search" is in the background image only.

The background color should correspond to the background image,
to create sufficient contrast with text when the background image is
not used.

And a background image should not contain anything that is essential
for the content, such as a heading for a form. When you fix this by
making it a content image (<img>, with alt="Search form") or by making
it styled text, the spacing problem probably changes its shape, so it's
too early to address the latter now.

Is there a way to
include a few lines of code in my CSS file that will adjust IE6's
spacing?

Wrong question. The answer is "yes", of course, but that's irrelevant.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Why would that matter? Do you think people use different browsers just

to compare the appearance of pages on them and get mad (at you) if they

find some "inconsistencies"? <

Of course not. But the line spacing does matter if I hope to contain
the search items within a designated, inflexible space, such as the
background image of the search box. When five out of six browsers
display the text exactly as intended, but the most ubiquitous chokes
it, it is rather frustrating.

I realize most of the problems you mentioned would be solved by not
relying upon the rounded-corner background image and using a simple
background color instead. Being new to CSS, I'm trying to push the
envelope a bit, and perhaps the background image was not the best
choice. I'm learning. But thanks for your input.

-Fleemo

<fleemo17 (AT) comcast (DOT) net> wrote

Is there a way to tweak the spacing of lines of text (or leading)
*specifically* in IE6? I've created a "Quick Search" box in my layout
which renders pretty consistently in all the browsers I've tested it
on, except in IE6 for the PC. The spacing is completely inconsistent
with all the other browsers. (See
http://www.sunriveronline.org/misc/clrn ) Is there a way to include a
few lines of code in my CSS file that will adjust IE6's spacing?

One approach to 'hacking' this is to use IE specific css.

So given a class 'iespacer'

The css might look like

p.iespacer{margin: 0; line-height: 12px;}

* html p.iespacer{line-height: 10px;}

Only IE sees the 2nd line as IE imagines that there is a wrapper above the
html tag.

You could then adjust the spaces between your form elements by inserting
<p class="iespacer">&nbsp;</p>
between them.

Not elegant but then...

--
peter

<fleemo17 (AT) comcast (DOT) net> wrote:

Of course not. But the line spacing does matter if I hope to contain
the search items within a designated, inflexible space, such as the
background image of the search box.

So fix the real problem: the dependency on a designated, inflexible space.

Have you seen the examples here:
http://www.alistapart.com/articles/customcorners/
--
Darin McGrew, mcgrew (AT) stanfordalumni (DOT) org, http://www.rahul.net/mcgrew/
Web Design Group, darin (AT) htmlhelp (DOT) com, http://www.HTMLHelp.com/

"The early bird gets the worm, but the second mouse gets the cheese."