Solved

CSS problem in Internet Explorer

Posted on 2013-11-18
6
479 Views
Last Modified: 2013-11-19
Hi!

I'm having a problem with the CSS on a webpage. I'm using an ordered list, and in chrome and firefox the numbers show fine. However, in Internet Explorer the numbers do not show up at all.

Can anyone please help me figure this out?

Here's the page: http://goinspire.com/10-places-dont-want-stay-visiting-israel/

Thanks!
0
Comment
Question by:etech0
  • 2
  • 2
6 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39656955
Change/set the list style position to inside (not outside)
0
 
LVL 13

Expert Comment

by:duncanb7
ID: 39656965
taking </li> for all li tags, it will work for IE

<!doctype html>
<html lang="en">
    <head>
        <title>li question</title>
    </head>
    <body>
        <ol>
            <li>Item 1
            <li>Item 2
        </ol>
    </body>
</html>

Open in new window

Take a look at this article if have time
http://sscce.org/
0
 
LVL 10

Author Comment

by:etech0
ID: 39656976
Gary: That fixed it! Thanks...
One more question: now, the second line of the li items is not indented correctly - I don't want to see the words under the numbers. How do I fix that?
Thanks!
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39657061
Ok, just realised you have separate OL's
Remove the inside declaration and leave it as outside.
To your first OL add
width:380px;
display:inline-block;


@duncanb7
Do not be telling people to make their code invalid - every element needs to be closed.
And http://sscce.org/  is irrelevant here - he has posted his website link
0
 
LVL 10

Author Closing Comment

by:etech0
ID: 39657070
All fixed - thanks for your help!
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
The viewer will learn how to count occurrences of each item in an array.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question