Horizontal list not working in firefox 2

[khbasha]

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 MacKay]

Hehe have a read here – then update :)

viewtopic.php?f=2&t=2229

[khbasha]

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 MacKay]

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…

[apostrophe]

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

[Soh Tanaka]

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 MacKay]

"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…

[Author]

Posts