Spacing in IE and Firefox is different

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View


Please see in Firefox and IE7. The
spacing between the lines are different. What we see in Firefox is
what we desire.

How do we fix things to make it look right in IE7. To make things
simpler we have uploaded only part of the text on The space between the
bullets in IE7 is more than what we want.

Any help is appreciated.

-- greynium

Re: Spacing in IE and Firefox is different

greynium wrote:
Quoted text here. Click to load it

Wow! DIViditis! Why are you using nested DIVs and SPANs to accomplish
what HTML already has an element for a list, UL. Tou just have a
bulleted list of links:

<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>

I guess class names like "Mnormal4" is a clue. Don't use MS Word to make
web pages.

Take care,


Re: Spacing in IE and Firefox is different

Quoted text here. Click to load it


Jonathan is absolutely correct: there are <div>s everywhere in that
webpage and dozens and dozens of CSS declarations.

You definitely should stop using MS-Word to edit your webpages. MS-
Word is a very bad product to use to create webpages.

All you need is a simple list of links like Jonathan told you.

Hand-coding is best but if you are not experienced in web authoring,
then I suggest you
try KompoZer 0.7.10 /

and then I suggest some reading, learning:

Web design resources: Learning, tips, CSS page templates, tutorials

KompoZer User Guide (english)

Regards, G=E9rard

Re: Spacing in IE and Firefox is different


Thanks for the suggestion.
We made the changes and they are at =
The only issue we had with the ul/li's was that in 800x600 or even
1024 resolution the bullets looked very huge. We did not want it to be
so prominent.

Do you folks have any suggestion on what we could use for the bullets
that would look classy in all resolutions?


Quoted text here. Click to load it

Re: Spacing in IE and Firefox is different

[Top-posting fixed...]

In article
Quoted text here. Click to load it
Quoted text here. Click to load it

They look absolutely fine to me.  I wouldn't worry about it, since the
size of the bullets is going to vary from browser to browser, and since
you cannot possibly know how big a user's window is going to be when
they browse your site, let alone their monitor settings.

I would, however, suggest cleaning up your css a little - you don't
really need to explicitly put the same class on every li and a in
your ul - you can write css rules such that this is automatically done
for you.  

So in your style sheet you can write:

ul.spacingul li, ul.spacingul li a {
  /* Mnormal4 styles go in here */

I'd also avoid setting font sizes in px units - use 100% for the body,
and maybe 125% for headings and your .spacingul class.

That's already more CSS than should be appropriate for this newsgroup,
though - ask in comp.infosystems.www.authoring.stylesheets if you need
more help with that.

Re: Spacing in IE and Firefox is different

Quoted text here. Click to load it


I again agree with the suggestions submitted by David Stone. The size
of bullets are fine and the size of bullets should now be the very
last concern regarding your site. Your website has a lot of
improvement work to do.

Font size should be ideally in relative unit like %, not in pixels.
Do not specify the font-size in pt, or other absolute length units
(like px) for screen stylesheets. They render inconsistently across
platforms and can't be resized by the User Agent (e.g browser). Keep
the usage of such units for styling on media with fixed and known
physical properties (e.g print).
Use relative length units such as percent
W3C Quality Assurance tip for webmasters:
Care With Font Size

Also by Beauregard T. Shagnasty
is worth reading and is often mentionned in this newsgroup.

Your css declarations and css rules should be reviewed, clarified,
trimmed, simplified: you are definitely over-coding, over-declaring
and over-constraining. You need here to understand what is CSS
inheritance and how to use it. You also need to understand that
browsers have default values and that CSS 2.1 specification suggests,
recommend default, initial values to properties.

I can not go over all of this with you. Before asking questions in
newsgroups, I strongly recommend that you start with the reading
(tutorials) that was proposed to you so that you can start swimming on
your own, so that you can start fishing by yourself.

Regards, G=E9rard

Re: Spacing in IE and Firefox is different

writing in

Please do not top post - posting correct at bottom
Quoted text here. Click to load it

There are all kinds of different "bullets" you can use, or even no
bullets at all. [ ]

Also consider that 800x600 or 1024 is empty and meaningless. You do not
know the user's window size (yes, you can _try_ to get it, but browsers
can lie or not give up the information).  You do not even know if the
user is using a browser at all - it could be a phone, or a refrigerator
for that matter.  Your best bet is to use a flexible design.
Adrienne Boswell at Home
Arbpen Web Site Design Services
Please respond to the group so others can share

Site Timeline