Mon, 2004-10-04 15:40
Hi-
a newbie question for you gurus...can anyone give me a solution for an ordered list not displaying properly in IE? I've figured out that the problem is because it is inside a table, but the table itself has no properties defined in the stylesheet, so I'm confused. The result in IE is that the list displays, but the number (only the period after the number) does not. I've attached some sample files to show the problem...
If anyone can help me, I'd greatly appreciate it...our new design goes live next week and I need a solution soon!
Mon, 2004-10-04 15:57
#1
ordered list not displaying properly in IE
This may or may not be your problem but as a general rule, when styling things inside a table, include the table tag in your selector e.g. table ol li { ... }
Mon, 2004-10-04 16:13
#2
Any other ideas?
Thanks for the advice, but it doesn't seem to solve this particular problem...
Any other ideas?
Mon, 2004-10-04 17:00
#3
ordered list not displaying properly in IE
I don't have time to investigate but I'm sure someone else will. A quick glance at your CSS tells me that you should try 'list-style: decimal;' although I'm sure 'list-style-type: decimal;' is okay, but you never know with IE! Also, try changing the selector to "td ol { ... }".
Mon, 2004-10-04 18:27
#4
Anyone else?
Tried the aforementioned solutions and nothing has worked yet...anyone else got an idea or two? Your help is desperately needed!
Tue, 2004-10-05 04:34
#5
ordered list not displaying properly in IE
try adding "list-style-position: inside;" to your ol {} rules.. the numbers would be displayed but you have to make some adjustments to your layout since IE renders this differently.. hope this helps.. 
Tue, 2004-10-05 16:13
#6
Thanks a million!
Thanks, JaGGeR-- that solved the problem. I appreciate your taking the time to help...this forum saves what little sanity I have left!
Tue, 2004-10-05 20:27
#7
ordered list not displaying properly in IE
JaGGeR wrote:
try adding "list-style-position: inside;" to your ol {} rules.. the numbers would be displayed but you have to make some adjustments to your layout since IE renders this differently.. hope this helps..
You can also leave it in the outside position and use "margin: 0 0 0 11px;" or "position:relative;left:11px;" on the UL to move it over.