PDA

View Full Version : Drop down menu problem: Menu loading under content



embow2492
Aug 6th, 2009, 05:29 PM
I am trying to use a drop down menu, it is working fine apart from the fact that in drops down UNDER my div tables where the content is to load, does anyone please have any idea on how to make it load ABOVE the div tables because I'm stuck!

This is the URL of the website so you can see the problem I am talking about
www.jb.hostzi.com

I really need 2 figure this out for my client, PLEASE any help would be greatly appreciated!

THANKS!
Emma

Edit/
Obviously you can go on the site and view source but below is the coding for the actual menu and 2 divs

[code]<ul class="menu" id="menu" align="top">
<li><a href="#" class="menulink">Home</a></li>
<li>
<a href="#" class="menulink">Dropdown Two</a>
<ul align="top">
<li><a href="#">Navigation Item 1</a></li>
<li>
<a href="#" class="sub">Navigation Item 2</a>
<ul align="top">
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="menulink">Dropdown One</a>
<ul align="top">

<li><a href="#">Navigation Item 1</a></li>
<li>
<a href="#" class="sub">Navigation Item 2</a>
<ul align="top">
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
</ul>
</li>
<li>
<a href="#" class="sub">Navigation Item 3</a>
<ul align="top">
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li>
<a href="#" class="sub">Navigation Item 3</a>
<ul align="top">
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
<li><a href="#">Navigation Item 6</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 4</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
</ul>
</li>
<li>
<a href="#" class="menulink">Dropdown Two</a>
<ul align="top">
<li><a href="#">Navigation Item 1</a></li>
<li>
<a href="#" class="sub">Navigation Item 2</a>
<ul align="top">
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" class="menulink">Dropdown Three</a>
<ul align="top">
<li><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
<li>
<a href="#" class="sub">Navigation Item 6</a>
<ul align="top">
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 7</a></li>
<li><a href="#">Navigation Item 8</a></li>
<li><a href="#">Navigation Item 9</a></li>
<li><a href="#">Navigation Item 10</a></li>
</ul>
</li>
<li>
<a href="#" class="menulink">Dropdown Three</a>
<ul align="top">
<li><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
<li>
<a href="#" class="sub">Navigation Item 6</a>
<ul align="top">
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 7</a></li>
<li><a href="#">Navigation Item 8</a></li>
<li><a href="#">Navigation Item 9</a></li>
<li><a href="#">Navigation Item 10</a></li>
</ul>
</li>
<li>
<a href="#" class="menulink">Dropdown Three</a>
<ul align="top">
<li><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
<li>
<a href="#" class="sub">Navigation Item 6</a>
<ul align="top">
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 7</a></li>
<li><a href="#">Navigation Item 8</a></li>
<li><a href="#">Navigation Item 9</a></li>
<li><a href="#">Navigation Item 10</a></li>
</ul>
</li>
</ul>

<script type="text/javascript">
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script>
<div style="float:left; position:absolute; top:210px; left:30px; width:300px; height:400px; background-color:#FFFFFF; color:#040D3A; border: 1px solid #FFFFFF; overflow:auto; font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:verdana" align="bottom">
<br />
<center><font size="5"><b>JB Carpets</b></font><br /><center>
371-372 Holloway Road<br />
London<br />
N7 0RN
<br /></center>
</div>

<div style="position:absolute; top:210px; left:360px; width:700px; height:400px; background-color:#FFFFFF; color:#040D3A; border: 1px solid #FFFFFF; overflow:auto; font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:verdana" align="bottom">

[code]

embow2492
Aug 6th, 2009, 11:53 PM
I really need to figure this out

any suggestions PLEASE!?!

abduraooft
Aug 7th, 2009, 10:32 AM
It's OK for me in FF2.

embow2492
Aug 7th, 2009, 03:53 PM
oh I guess it must be a problem with internet explorer :S
Is there a way to fix it?