CODEWITHSUNDEEP
htmlcssinternet-explorerhtml-lists
Tom
Tom

Reputation: 101

Rendering error with a list on IE8, 7, 6

What is the trick to getting IE to display a <ul>? I am working on a page with a php extension. I have a simple list. 

<ul>
    <li>Stuff one</li>
    <li>Stuff two</li>
    <li>Stuff three</li>
    <li>Stuff four</li>
</ul>

While on Safari and Firefox I get a list that renders properly, on IE it just displays a paragraph. I have not found one consistant answer on any websites about what could be the problem.

What's happening?

The template is from Matthew James Taylor's 3 column blog style layout. http://matthewjamestaylor.com/blog/perfect-3-column-blog-style.htm

The css is right in the page. Even when I go back and strip the site to bare bones the lists do not display.

Is there the possibility of screwing up the css because of a div style?

Upvotes: 0

Views: 540

Answers (5)

Kip
Kip

Reputation: 109405

It could be that your CSS rules aren't complete. IE and Opera have a different interpretation of default list styles than other browsers, regarding whether the indentation is done with margins or padding. If you aren't applying the styles correctly, you can end up with a list that looks wrong on the browser you aren't testing on. Here is an article that goes into great detail on the differences between the browsers:

A List Apart: Articles: CSS Design: Taming Lists

Edit: And this one:

Consistent List Indentation

Upvotes: 0

Anax
Anax

Reputation: 9372

There is nothing wrong with the code, you should get a list of four items in all browsers (and all versions).

Check your code for conditional (MS specific) comments such as:

<!--IE > Hidden code, could be some CSS <![endif]-->

Upvotes: 1

Ken Browning
Ken Browning

Reputation: 29091

No, IE does not display <ul>'s as paragraphs. Something else is wrong. Is it possible that IE-specific css is altering the appearance?

Upvotes: 0

AdamW
AdamW

Reputation: 1061

That works fine in IE 6, do have you any css applied to the list?

Upvotes: 0

Matthew Groves
Matthew Groves

Reputation: 26096

IE 6,7,8 should all display unordered lists just fine...

My guess is you have something going on with CSS and/or JS that's causing the list not to be shown in IE.

Upvotes: 6

Related Questions