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

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>

Code (markup):

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

 

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.

 

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

 

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; }

 

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>

HTML:

 

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

 

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


tayiper

 

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


tayiper

 

sorry, cant help myself !