Solved

CSS problem in Internet Explorer

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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
How can I know if to trust a tool offered on a site 6 88
Host asp.net pages 5 25
Put glyphicon in my input button 4 30
Wordpress errors showing up, hacked? 4 16
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…
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
The viewer will learn how to dynamically set the form action using jQuery.
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.

867 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

17 Experts available now in Live!

Get 1:1 Help Now