• Answers
  • Web

CSS looks great in IE bad in Mozilla

Hello,



I'm building a webpage http://preview.tinyurl.com/yvgbqg

I need to list the (many) speakers at a conference and I will later add the titles of the talks as a sub level. This was frustrating to do because I need the list single spaced, without the annoying circle bullets

With the CSS code
===
ul.sample {
    list-style-type: none; <!-- none = no circle, inherit = circle-->
    list-style-image: inherit;
    list-style-position: outside; <!-- inside, outside -->
    circle: outside;
    text-indent: 0em;
    white-space: normal;
    margin-top: 0;
    margin-bottom: 1;
}

ul.listlist {
    list-style-type: none; <!-- none = no circle, inherit = circle-->
    list-style-image: inherit;
    list-style-position: outside; <!-- inside, outside -->
    circle: outside;
    text-indent: 0em;
    white-space: normal;
    margin-top: 0;
    margin-bottom: 0;
}
===

it looks great in IE but terrible in Firefox. How can I fix this problem? Is there an alternative within CSS? I prefer not to switch to nested tables, those are messy. But I am open to suggestions.


Share Send to a friend Watch Report
 
 

2 Posted Answers
Order by

 
17 helpful answers

It looks fine to me in Firefox 2.0 now, I assume you fixed it?  If the above is the actual code you were using before then one of the main problems is that you're not using legal CSS comment syntax.  Try like this:

/* CSS Comment */

After removing the comments you have the following errors in your CSS:

ul.sample      Property circle doesn't exist : outside
ul.sample     Value Error : margin-bottom only 0 can be a length. You must put an unit after your number : 1
ul.listlist     Property circle doesn't exist : outside

I suggest you fix the CSS validation errors and also try fix most of the 79 HTML validation errors, after that you should find rendering becomes a lot more consistent between IE and all other browsers.

 

You should really work in Firefox first then make it look good in IE with conditional comments because Firefox render pages correct and IE don't.

Sign in to participate

Got an answer for webmanoffesto? Would you like to comment on the posted answers, or vote for the one which you think is the best?

Sign up for a free account, or sign in (if you're already a member).

Explore Related Questions

Other people asked questions on similar topics, check out the answers they received:


Q:

Web Design

Why Not To Use Web Design Templates?
Submitted by abby   3 years ago.
  • viewed 914 times
Last answer posted 15 days ago by ennapa


Q:

Who likes to design a website for a side project ...

who likes to design a website for a side project of a well known gallery for contemporary art in berlin? small budget
Submitted by Giti Nourbakhsch   3 months ago.
  • viewed 1783 times
Last answer posted 11 hours ago by Switchbw


Q:

Mozilla Firefox help

Does it work with Mozilla Firefox (version 2.0.0.12)? It works for me on IE7, but not Firefox, or at least the "now accelerating ...
Submitted by help1234   2 years ago.
  • viewed 372 times



» More...

Feed - Subscribe to changes to this Q&A Blog
ADVERTISEMENT
  • Answers
  • Web
Copyright © 2006-2010, Yedda Inc. and respective copyright owners · CC License