On Mon, 16 Apr 2007, Emma Roberts wrote:
> I seem to have extra margins on my horizontal list in the page navigation.
> It only happens in firefox. There's nothing much to the page or the
> stylesheet so I thought it would be easy to spot but I'm lost.
>
> http://robbo.someofmystuff.co.uk/ETHOS/about/index.htm
There are several small differences in rendering between IE 7 and Firefox
2, and the most striking to me is that on IE 7, the thick bar above the
navigation "Background Objective..." extends to the left.
But I guess you mean the gaps between items in that navigation menu.
I don't know why this happens for that menu only, but it seems to be a
variant of the old nasty White Space bugplex, i.e. the problem that
browsers treat white space (like spaces and line breaks) as significant
when they shouldn't (or at least some other browsers don't).
In your HTML source you have
<ul>
<li class="active">Background</li>
<li><a href="objectives.htm">Objectives</a></li>
<li><a href="methods.htm">Methods</a></li>
<li><a href="input.htm">Input</a></li>
</ul>
Thus, there is white space between the li elements. If you remove it,
i.e. make </li> immediately followed by <li> or </ul>, the gaps
vanish.
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
