Grow your CSS skills. Land your dream job.

Horizontal list not working in firefox 2

  • # April 16, 2009 at 8:39 am

    Hi All

    I have done a layout which has a rounded border rectangle inside that I’m splitting two columns and three rows in CSS.

    Where I’m showing some content in it which is working in all other browsers expect ff2 I want to fix that alone pls kindly help me out in this.

    I have written the CSS for UL and LI in main.css which controls the whole layout and the global.css is for font colors.
    Pls kindly help me out in this.

    Rob
    # April 16, 2009 at 5:40 pm

    Hehe have a read here – then update :)

    viewtopic.php?f=2&t=2229

    # April 17, 2009 at 1:58 am

    Hi

    Here is the exact code and the screenshot of what I’m facing.

    Code:
    • HTML VALIDATOR

      As with any programming language there is an accurate way to write HTML.
      HTML codes must comply with web …


      Read more +++

    • LINK CHECKER

      The link checker tool basically comprises of a program that tests and reports the validity
      of the links in the web ….


      Read more +++

    This particular Class is giving the problem in FireFox 2

    Code:
    #horizontallist {
    list-style: none;
    margin: 0px;
    }
    UL.horizontal {
    list-style: none;
    margin: 0px;
    padding: 7px 0px 7px 0px;
    width:100%;
    }
    UL.horizontal LI {
    display: inline-table;
    list-style-type:none;
    margin-left:0px;
    width:49%;
    _width:48%;
    #width:48%;
    _float:left;
    #float:left;
    }

    [attachment=1]screenshot.jpg[/attachment]

    Rob
    # April 17, 2009 at 3:13 am

    I would say, and I guess that most people here would too. If its only in FF2, I wouldn’t worry about it. The reason being – when Firefox release an update, your told about it and it updates, so unless you are a really lazy FF user who keeps pressing cancel, or skipping the update or whatever, then you will be on FF3. :)

    would be interested to hear others thoughts on this though…

    # April 17, 2009 at 6:08 am
    Quote:
    would be interested to hear others thoughts on this though…

    I haven’t tested in FF2 since FF3 was released. I work on the assumption that anybody who has the smarts to find their way to mozilla.com and download FF is not going to ignore the updates. Just don’t get me started on IE users! :D

    # April 17, 2009 at 6:29 pm

    I personally have to disagree, and that I believe we shouldn’t be quick to say "screw FF2 people". Most of the non computer savy people still use FF2 at my company (they have no idea how to update), and sadly this is the majority of the users on the net. Unless your demographic is leaning towards the savy heads, I would def look into your layout and see what can be done.

    I have the FF2 Userprofile setting so I’m looking at your sample in FF2 but, I actually don’t see your bug at all. But then again, since its not the real deal, I can’t say I’m 100% sure.

    Can I also point out some stuff on your css?

    #horizontallist {
    list-style: none; <– This is not a list so this is not needed.
    margin: 0px; <– Don’t think think this is needed either
    }
    UL.horizontal { <– Lower case your "ul"
    list-style: none;
    margin: 0px;
    padding: 7px 0px 7px 0px;
    width:100%;
    }
    UL.horizontal LI { <–lower case your "ul" and "li"
    display: inline-table; <– just make it a float: left;
    list-style-type:none; <– don’t need to specify list style, you already declared it as none at the "ul"
    margin-left:0px; <–set margin and padding so default is not being used
    width:49%;
    _width:48%; <–these funky hacks will bite you in the ass later watch out!
    #width:48%;<–these funky hacks will bite you in the ass later watch out!
    _float:left;<–these funky hacks will bite you in the ass later watch out!
    #float:left;<–these funky hacks will bite you in the ass later watch out!
    }

    Rob
    # April 21, 2009 at 5:02 am
    "Soh Tanaka" wrote:
    I personally have to disagree, and that I believe we shouldn’t be quick to say "screw FF2 people". Most of the non computer savy people still use FF2 at my company (they have no idea how to update)…

    Yea but unless they physically cant read the "There is a new version of FF available, do you want to update now – or when you next start FireFox" – then what hope is there lol I mean its not like they have to go looking, firefox tells you AND downloads the update…

    box
    # April 21, 2009 at 5:32 am

    Its de-rigour to design for the latest 2 versions of a web browser, so in theory IE6 can now be unsupported with the arrival of IE8 (although market share dictates that perhaps we’ll have to continue support for a little while yet). So, the latest 2 versions of firefox would be FF2 and FF3. Personally, I don’t test in FF2 anymore, but I do check sites in Camino, which has the same rendering engine as FF2.
    I would have thought though, that if a company was progressive enough to install FireFox on its works machines, it would be equally progressive to ensure that those browsers are kept updated. In most cases (i would imagine in the 90+ % of FF users) that FF2 has indeed been upgraded to ff3 as a matter of course – it sort of goes with the territory.

    To the OP, if you clean up your html (removing superfluous divs) then you’ll find it much easier to solve problems like these.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".