The problem with 'br' tag in a list in IE 6

[tayiper]

Hello all. This time I am curious: does anyone know why Internet Explorer let's say "ignores" the <br /> tag in an unordered list (it's basically a menu with links to all the website's pages) on my main general personal Tadej Persic's website ??!


Here below's the code in question:

<ul id="navmenu"><li><strong><span class="tenpx">index</span></strong></li><li><a href="my-websites.html" title="my websites">my websites</a></li><li><a href="my-blogs.html" title="my blogs">my blogs</a></li><br /><li><a href="my-articles.html" title="my articles">my articles</a></li><li><a href="my-principles.html" title="my principles">my principles</a></li><li><a href="my-computing.html" title="my computing">my computing</a></li><li><a href="my-projects.html" title="my projects">my projects</a></li><br /><li><a href="about-me.html" title="about me">about me</a></li><li><a href="about-site.html" title="about site">about site</a></li><li><a href="the-news.html" title="the news">the news</a></li><br /><li><a href="sitemap.html" title="sitemap">sitemap</a></li></ul>

The screenshot of the list in FF 2:




The screenshot of the list in IE 6:




P.S. - Oh and could anyone please test it (look at it ) in IE broser version 7 since I don't have it installed on my computer??!


thanks in advance, tayiper

[longhornfreak]

I've never used breaks in my lists, you could do any of the following

1) set up separate lists and put a break in between the diffrent lists
2) try using the paragraph <p></p>

Your site is suspended for me so I can't view it

Go here to get IE.

[tayiper]

Originally Posted by longhornfreak

Your site is suspended for me so I can't view it

Urghhh sorry, I did it again. You see, obviously it should be http://tadejpersic.50webs.com/index.html instead of http://tadejpersic.50webs.com/index.htm ...


tayiper

[krt]

One thing IE does better than FF, no browser should be rendering those line breaks.

I achieve this with a "separator" list item, e.g.

<li>Link</li>
<li>Link</li>
<li class="separator"> </li>
<li>Link</li>
<li>Link</li>

With the following CSS (so it doesn't show a bullet):

li.separator { list-style: none; }

[nabil_kadimi]

have you tried adding the <br /> before the closing </li> tag

here is how I get the same output

<ul id="navmenu">
  <li><strong><span class="tenpx">index</span></strong></li>
  <li><a href="my-websites.html" title="my websites">my websites</a></li>
  <li><a href="my-blogs.html" title="my blogs">my blogs</a><br /><br /></li>
  <li><a href="my-articles.html" title="my articles">my articles</a></li>
  <li><a href="my-principles.html" title="my principles">my principles</a></li>
  <li><a href="my-computing.html" title="my computing">my computing</a></li>
  <li><a href="my-projects.html" title="my projects">my projects</a><br /><br /></li>
  <li><a href="about-me.html" title="about me">about me</a></li>
  <li><a href="about-site.html" title="about site">about site</a></li>
  <li><a href="the-news.html" title="the news">the news</a><br /><br /></li>
  <li><a href="sitemap.html" title="sitemap">sitemap</a></li>
</ul>

[Colbyt]

It looks the same in IE7 as it does in 6.

[tayiper]

Hey, thanks much to all for your educative replies!!


tayiper

[tayiper]

Originally Posted by nabil_kadimi

have you tried adding the <br /> before the closing </li> tag

Oh and yes, that indeed worked, thanks much once again ...


tayiper

[Zippo]

Originally Posted by nabil_kadimi

Rent this space (PM me)

sorry, cant help myself !