Solved

CSS problem in Internet Explorer

Posted on 2013-11-18
6
475 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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

708 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now