Solved

CSS problem in Internet Explorer

Posted on 2013-11-18
6
492 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Instantly Create Instructional Tutorials

Contextual Guidance at the moment of need helps your employees adopt to new software or processes instantly. Boost knowledge retention and employee engagement step-by-step with one easy solution.

Question has a verified solution.

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

Suggested Solutions

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
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 …
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

739 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