Clicky

http://www.unsignedindustry.com/index2.cfm

Please view this in Firefox and then in Internet Explorer. I can't figure out why the display is messed up.

I think it has something to do with the top DIV tag, but don't know what to do to fix it.

asked 12/16/2011 12:55

day6's gravatar image

day6 ♦♦


7 Answers:
hmm in ie the list items <li> are appearing outside of the div for some reason, this is making it loose its styles.

Your css doesn't look right to me but i could be wrong because i've never used spry menu try this instead

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
<ul id="MenuBar">
  <li><a href="/index.cfm">home</a></li>
  <li><a href="/body.cfm?lvl1=aboutu&lvl2=radios">about us</a>
    <ul>
	<li><a href="/body.cfm?lvl1=aboutu&lvl2=radios">radio show</a></li>
        <li><a href="/body.cfm?lvl1=aboutu&lvl2=histor">history</a></li>
    </ul>
  </li>
  <li><a href="/body.cfm?lvl1=artist&lvl2=">artists</a></li>
  <li><a href="/body.cfm?lvl1=submis&lvl2=">submissions</a></li>
  <li><a href="/body.cfm?lvl1=blogge&lvl2=">blog</a></li>
  <li><a href="/body.cfm?lvl1=review&lvl2=">reviews</a></li>
  <li><a href="/body.cfm?lvl1=sponso&lvl2=">partners</a></li>
  <li><a href="/body.cfm?lvl1=musicp&lvl2=">music</a></li>
  <li><a href="/body.cfm?lvl1=contac&lvl2=">contact</a></li>
</ul>
link

answered

invsman249's gravatar image

invsman249

@invsman249 - This suggestion did nothing. What DIV is it appearing outside of since it's not enclosed in a DIV on this sample page. It's just by itself.
link

answered 2011-12-16 at 09:19:45

day6's gravatar image

day6

It was just a suggestion because the markup for menubar didn't look right. it had too many closing tags right around where the menu items screw up, so i cleaned it up. You sure that didn't work? i can see you didn't make those changes on the site link. sorry if that didn't help just throwing out ideas.

In ie you have the first 4 menu items up to history within the div MenuBar then after that it just has the regular markup of the list items outside of this. Its like the javascript is giving up or not doing what it should be after this point.

I would say validate your code and make sure the html markup is correct http://validator.w3.org/ and then see what happens.

link

answered 2011-12-16 at 09:36:19

invsman249's gravatar image

invsman249

http://www.unsignedindustry.com/index3.cfm

This is your first suggestion.  It doesn't pay attention to any of my menu rules... just creates a stand UL.

I have "no" idea how to debug Java. But I see how the IE developer tools shows the menu breaking up... but I have no idea why.

I use the EXACT same menu on another site here:

http://www.superiorsample.com/

It's identical, but different css for colors of text and hovers.

link

answered 2011-12-16 at 09:48:18

day6's gravatar image

day6

Your point about too many closing </li> was right. It is fixed now. I use a dynamic script in coldfusion to create the menu dynamically and my code had an extra </li> tag where it shouldn't have.
link

answered 2011-12-16 at 09:58:53

day6's gravatar image

day6

too many closing tags was the right answer
link

answered 2011-12-16 at 10:06:17

day6's gravatar image

day6

nice one! glad i managed to help :)
link

answered 2011-12-16 at 10:06:53

invsman249's gravatar image

invsman249

Your answer
[hide preview]

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Tags:

×51
×13
×1
×104
×5

Asked: 12/16/2011 12:55

Seen: 301 times

Last updated: 12/16/2011 02:06