• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 546
  • Last Modified:

html DOM in IExplorer and Firefox

This simple code produces 2 different DOMs in firefox and internet explorer...

<body>
<ul>
      <li>test</li>
      <ul>
            <li>test2</li>
      </ul>
</ul>
</body>

in IE, it nests the second UL as a child of the LI above it...
but in firefox, the first UL has 2 children LI, and UL, and the UL is not a child of the LI, but a child of the UL.

I would like the IE DOM to do the same as the firefox DOM... any ideas?
0
edkim80
Asked:
edkim80
1 Solution
 
OliWarnerCommented:
That's happening because the only thing that can be a child of a ul or an ol is a li. You need to put the child ul inside the li... like so:
<ul>
       <li>test
             <ul>
                    <li>test2</li>
             </ul>
       </li>
</ul>
0
 
edkim80Author Commented:
Ahh ok. bummer... thanks for the help
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now