PDA

View Full Version : DD menu Works On IE7 But Not On Firefox - See my site for details



RN-Carl
03-16-2008, 01:12 AM
1) Script Title:

DDTabMenu

2) Script URL (on DD):

http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

3) Describe problem:

On website, I installed the menu & everyhting is working perfect BUT only on Internet Explorer 7. It does not display correctly on Firefox, & I cannot find the correct line to edit in CSS file to only affect the Padding / Margin to fix it for firefox.

Please take alook here:
http://rackgaming.co.uk/dev

Thank You In Advance!

ddadmin
03-16-2008, 03:44 AM
Actually, the drop down menu looks fine for me in FF2 as well, identical to IE7 at a glance actually. Can you be more specific on the problem you're referring to?

RN-Carl
03-16-2008, 04:17 AM
I sure can, VISUALLY ;)
Check links below:

Internet Explorer - Displays Correctly
http://rackgaming.co.uk/temp/IE7-Display-Correct.gif


FireFox Explorer - Displays Incorrectlyhttp://rackgaming.co.uk/temp/FireFox-Display-Incorrect.gif

RN-Carl
03-16-2008, 04:20 AM
Also just an additional note: As you can see here:
http://rackgaming.co.uk

This is how the site looked before adding in the code for the menu, so as you can see it is NOT the website's CSS file causing the error. We have a normal css and a iehacks.css file in operation. See the link above in both browsers & you will see.

So it has something to do with menu, I checked one menu style and it said something about margin & firefox etc but on the theme im using it does not have that code.

ddadmin
03-16-2008, 05:59 AM
I don't see the offending CSS yet, though a question- as far as I can tell you're not actually using DD Tab Menu (the script) on your page, as the drop down menu is just a CSS menu, and not powered by the script. If so, you should at least remove the script reference in the HEAD of your page. This also isolates/ confirms that the problem is a CSS one, and not the script.

RN-Carl
03-16-2008, 06:03 AM
HeyM8,

Im not sure exactly what your saying, a bit slow sorry :(

I will post 2 replys below that can maybe make you realise were I have gone wrong. I will post my "inc_header.php" & "solidblocksmenu" files.

RN-Carl
03-16-2008, 06:03 AM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<script type="text/javascript" src="http://rackgaming.co.uk/dev/ddtabmenufiles/ddtabmenu.js">
/***********************************************
* DD Tab Menu script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<!-- CSS for Tab Menu #3 -->
<link rel="stylesheet" type="text/css" href="http://rackgaming.co.uk/dev/ddtabmenufiles/solidblocksmenu.css" />
<script type="text/javascript">
//SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
ddtabmenu.definemenu("ddtabs3", -1) //initialize Tab Menu #3 with 2nd tab selected
</script>
<!-- NETWORK_BAR.HTML -->
<div id="ddtabs3" class="solidblockmenu">
<ul>
<li class="alt">RackNetworks:</li>
<li><a href="http://rackweb.co.uk" target="_blank">RackWeb Services</a></li>
<li><a href="http://rackgaming.co.uk" target="_blank">RackGaming Services</a></li>
<li><a href="http://www.servercommand.org/" target="_blank">ServerCommand</a></li>
</ul>
</div>
<!-- / NETWORK_BAR.HTML --><br />
<div id="header">
</div>
<div id="nav_wrapper">
<ul id="nav">
<li><a href="index.php">Home</a></li>
<li><a href="#">Services</a>
<div class="dropdown">
<ul>
<li><a href="./games.php">Game Servers</a>
<li><a href="./web.php">Web Hosting</a></li>
<li><a href="./voice.php">Voice Servers</a></li>
<li><a href="./specials.php">Special Offers</a></li>
</ul>
</div>
</li>
<li><a href="#">Support</a>
<div class="dropdown">
<ul>
<li><a href="./support.php">Main Support Area</a></li>
<li><a href="./status.php">Network Status</a></li>
<li><a href="http://rackportal.co.uk/knowledgebase.php">FAQ System</a></li>
</ul>
</div>
</li>
<li><a href="#">Billing & Accounts</a>
<div class="dropdown">
<ul>
<li><a href="http://rackportal.co.uk/clientarea.php">Client Area</a></li>
<li><a href="http://rackportal.co.uk/cart.php">Order More Services</a></li>
</ul>
</div>
</li>
<li><a href="#">About Us</a>
<div class="dropdown">
<ul>
<li><a href="./tos.php">Terms of Service</a></li>
<li><a href="./policy.php">Privacy Policy</a></li>
<li><a href="./network_info.php">Network Information</a></li>
</ul>
</div>
<li><a href="#">Free Services</a>
<div class="dropdown">
<ul>
<li><a href="./affiliate.php">Affiliate With Us</a></li>
</ul>
</div>
</li>
<li><a href="#">Contact Us</a>
<div class="dropdown">
<ul>
<li><a href="contact.php#contactform">Contact Form </a></li>
<li><a href="contact.php#othercontact">Other Methods </a></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="main">
<div id="main_left">
<a href="./specials.php"></a>
</div>
<div id="main_right">
<a href="./support.php" class="support"></a>
<a href="./faq.php" class="money"></a>
<a href="./network_info.php" class="uptime"></a>
</div>
</div>

RN-Carl
03-16-2008, 06:04 AM
.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(http://rackgaming.co.uk/dev/ddtabmenufiles/media/blockdefault.gif) center center repeat-x;
vertical-align:top;
}

.solidblockmenu .alt{
float:left;
padding:3px 3px 5px 15px;
color:#ffffff;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #D0D0D2;
padding: 3px 6px;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
border-right: 1px solid #625e00;
}

.solidblockmenu li a:visited{
color: #D0D0D2;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: #ffffff;
background: transparent url(http://rackgaming.co.uk/dev/ddtabmenufiles/media/blockactive.gif) center center repeat-x;

}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
/*height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}

ddadmin
03-17-2008, 12:34 AM
What I meant is, while you have:


<script type="text/javascript" src="http://rackgaming.co.uk/dev/ddtabmenufiles/ddtabmenu.js">
/***********************************************
* DD Tab Menu script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>

added to the top of your page, it doesn't seem like you're actually using the menu on the page. That is to say, if you removed the above, your page's top menu still works and drops down, as it's not actually powered by this script. If so, then the pushing down of your header due to the menu would simply be a CSS issue, and not related to this script.