7 replies [Last post]
mplswebgirl
Offline
Regular
Minneapolis
Last seen: 17 years 50 weeks ago
Minneapolis
Timezone: GMT-6
Joined: 2004-08-26
Posts: 11
Points: 0

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!

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 9 years 3 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

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 { ... }

Life's a b*tch and then you die!

mplswebgirl
Offline
Regular
Minneapolis
Last seen: 17 years 50 weeks ago
Minneapolis
Timezone: GMT-6
Joined: 2004-08-26
Posts: 11
Points: 0

Any other ideas?

Thanks for the advice, but it doesn't seem to solve this particular problem...

Any other ideas?

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 9 years 3 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

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 { ... }".

Life's a b*tch and then you die!

mplswebgirl
Offline
Regular
Minneapolis
Last seen: 17 years 50 weeks ago
Minneapolis
Timezone: GMT-6
Joined: 2004-08-26
Posts: 11
Points: 0

Anyone else?

Tried the aforementioned solutions and nothing has worked yet...anyone else got an idea or two? Your help is desperately needed!

JaGGeR
JaGGeR's picture
Offline
Regular
Last seen: 13 years 44 weeks ago
Timezone: GMT+8
Joined: 2003-10-03
Posts: 34
Points: 0

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.. Smile

mplswebgirl
Offline
Regular
Minneapolis
Last seen: 17 years 50 weeks ago
Minneapolis
Timezone: GMT-6
Joined: 2004-08-26
Posts: 11
Points: 0

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! Smile

TimeBandit
Offline
Enthusiast
Maryland, USA
Last seen: 17 years 49 weeks ago
Maryland, USA
Joined: 2004-09-02
Posts: 112
Points: 0

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.. Smile

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.