I think Divs may be the problem
|
| View previous topic :: View next topic |
| Author |
Message |
dazz_club
250+ Club
Joined: 15 Jul 2005
Posts: 313
Location: Chester and Hull
|
 Posted: Wed Nov 30, 2005 1:30 pm Post subject: I think Divs may be the problem |
 |
|
Hi, ive got a problem with how my site is viewed, (from firefox to explorer). you can see this at http://www.liquid-crystal.com
the problem is easly seen on the left hand side.
viewed in explorer: the links (left-hand side) are spaced correctly but in firefox there is a huge amount of space between each link.
any ideas of how to sort this out?
ive looked at the code, and i cant find where i can correct it,
the website is in frames.
here is the code for the frame which contains the links
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 1px;
background-color:none;
color:#666666;
width:140px;
padding:1px;
text-align:left;
font-weight:bold;
/*/*/border:1px solid #A6C8E4;/* */
}
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="low_res/text_vis.css" rel="stylesheet" type="text/css">
<link href="text_vis.css" rel="stylesheet" type="text/css">
<link href="text_vis.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#79B6EA">
<div id="masterdiv">
<div id="Layer1" style="position:absolute; left:1px; top:15px; width:200px; height:224px; z-index:1; background-color: A6C8E4; layer-background-color: A6C8E4; border: 1px none #000000;">
<table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="#79B6EA">
<tbody>
<tr>
<td width="170" height="28" background="images/spacer_4_prod.jpg"><strong></strong></td>
<td height=29 bordercolor="#79B6EA"> </td>
</tr>
<tr>
<td width="170" height="417" align="left" valign="top" bgcolor="A6C8E4">
<!-- Keep all menus within masterdiv-->
<br><div id="masterdiv">
<div class="menutitle" onClick="SwitchMenu('sub1')">
<p class="subHead">Industrial
</div>
<span class="submenu" id="sub1"> <a href="Standard_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">STANDARD</a><br>
<a href="Clearing_point_ok_indicator.html" target="main" class="prodSide" style="text-decoration:none">- Clearing
OK Point Indicator</a><br>
<a href="7_level_horizontal_range_1-5.html" target="main" class="prodSide" style="text-decoration:none">- 7
Level Horizontal Range</a><br>
<a href="7_Level_Vertical10-27c.htm" target="main" class="prodSide" style="text-decoration:none">- 7
Level Vertical Range</a><br>
<a href="7_Leve_Vertical_50-80F.html" target="main" class="prodSide" style="text-decoration:none">- 7
Level Vertical </a><br>
<a href="16_level_1-5.html" target="main" class="prodSide" style="text-decoration:none">- 16
Level </a><br>
<a href="Custom_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">CUSTOM</a><br>
<a href="Too_warm.htm" target="main" class="prodSide" style="text-decoration:none">- Too
warm</a><br>
<a href="Drink_test_thermometer.html" target="main" class="prodSide" style="text-decoration:none">-
Drink Test Thermometer</a><br>
<a href="ragal_safety.html" target="main" class="prodSide" style="text-decoration:none">- Ragall</a><br>
<a href="5_level_fridge_thermometer.htm" target="main" class="prodSide" style="text-decoration:none">- 5
Level Fridge</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('sub2')">
<p class="subHead">Medical</div>
<span class="submenu" id="sub2"> <a href="Standard_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">STANDARD</a><br>
<a href="A056_Forehead_Thermometer.html" target="main" class="prodSide" style="text-decoration:none">-
A056 Forehead Thermometer</a><br>
<a href="12_level_deluxe_forehead_thermometer.html" target="main" class="prodSide" style="text-decoration:none">-
12 Level Deluxe Thermometer</a><br>
<a href="Brite_Line_Drug.html" target="main" class="prodSide" style="text-decoration:none">-
Brite Line Drug Tester</a><br>
<a href="Urine_freshness_indicator.html" target="main" class="prodSide" style="text-decoration:none">-
Urine Freshness Indicator</a><br>
<a href="Custom_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">CUSTOM</a><br>
<a href="Forehead_Thermometer_custom.htm" target="main" class="prodSide" style="text-decoration:none">-
Forehead Thermometer</a><br>
<a href="coloplast_indicator.html" target="main" class="prodSide" style="text-decoration:none">-
Coloplast Indicator</a><br>
<a href="3_level_wax_thermometer.html" target="main" class="prodSide" style="text-decoration:none">-
3 Level Wax Thermometer</a><br>
<a href="Temp_a_sure_hoof_thermometer.htm" target="main" class="prodSide" style="text-decoration:none">-
Temp A Sure Hoof Thermometer</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('sub3')">
<p class="subHead">Safety</div>
<span class="submenu" id="sub3"> <a href="Standard_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">STANDARD</a><br>
<a href="Tempsafe_label.html" target="main" class="prodSide" style="text-decoration:none">- Tempsafe
Label</a><br>
<a href="hand_hot.html" target="main" class="prodSide" style="text-decoration:none">- Hand
Hot</a><br>
<a href="Chiller_Fans.html" target="main" class="prodSide" style="text-decoration:none">- Chillers/Fans</a><br>
<a href="Custom_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">CUSTOM</a><br>
<a href="ragal_safety.html" target="main" class="prodSide" style="text-decoration:none">- Ragall</a><br>
<a href="45C_too_hot_warning_label.html" target="main" class="prodSide" style="text-decoration:none">- 45
C Too Hot Warning Label</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('sub4')">
<p class="subHead">Retail</div>
<span class="submenu" id="sub4"> <a href="Standard_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">STANDARD</a><br>
<a href="coldzone_fridge.html" target="main" class="prodSide" style="text-decoration:none">- ColdZone
Fridge</a><br>
<a href="Safety_spoons.htm" target="main" class="prodSide" style="text-decoration:none">- Safety
Spoons</a><br>
<a href="nursery_thermometer.html" target="main" class="prodSide" style="text-decoration:none">-
Nursery Thermometer</a><br>
<a href="gas_levels.html" target="main" class="prodSide" style="text-decoration:none">- Gas
Level Indicator</a><br>
<a href="duck_bath_thermomoeter.html" target="main" class="prodSide" style="text-decoration:none">-
Duck Bath Thermometer</a><br>
<a href="aquarium_thermometer.html" target="main" class="prodSide" style="text-decoration:none">- Aquarium
Thermometer</a><br>
<a href="Standardroom_fridge_freezer.htm" target="main" class="prodSide" style="text-decoration:none">-
Std Room / Fridge / Freezer</a><br>
<a href="Custom_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">CUSTOM</a><br>
<a href="vinometer_wine_thermometer.html" target="main" class="prodSide" style="text-decoration:none">- Vinometer
Wine Thermometer</a><br>
<a href="Home_brew.htm" target="main" class="prodSide" style="text-decoration:none">- Home
Brew 10 - 40C</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('sub5')">
<p class="subHead">Education</div>
<span class="submenu" id="sub5"> <a href="Standard_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">STANDARD</a><br>
<a href="LC_Sheets.html" target="main" class="prodSide" style="text-decoration:none">- LC
Sheets</a><br>
<a href="ChromaZone.html" target="main" class="prodSide" style="text-decoration:none">- ChromaZone</a><br>
<a href="Custom_Product_list.htm" target="main" class="cusStan" style="text-decoration:none">CUSTOM</a><br>
<a href="Seawhites_thermometer.htm" target="main" class="prodSide" style="text-decoration:none">- Seawhites
Thermometer</a><br>
<a href="15_level_TTS.html" target="main" class="prodSide" style="text-decoration:none">- 15
Level TTS</a><br>
<a href="Conductivity_bars.htm" target="main" class="prodSide" style="text-decoration:none">- Conductivity
Bars x2</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('sub6')">
<p class="subHead">Research & Development
</div>
<span class="submenu" id="sub6"> </span>
<div class="menutitle" onClick="SwitchMenu('sub7')">
<p class="subHead">Technical literature</div>
<span class="submenu" id="sub7"> <a href="technical_data.htm" target="main" class="prodSide" style="text-decoration:none">-
Technical Literature</a><br>
<a href="what_is_lcr.htm" target="main" class="prodSide" style="text-decoration:none">-
What is LCR?</a><br>
<a href="Usefull_links.htm" target="main" class="prodSide" style="text-decoration:none">-
Useful Links</a></span>
</div></td>
<td height=417 bordercolor="#79B6EA"> </td>
</tr>
<tr>
<td width="170" height="30" bgcolor="A6C8E4" class="bhLcr"> </td>
<td width="1" height=30 bordercolor="#79B6EA"><img height=1
src="../../../../My%20Documents/New%20Folder/B&H%20LCR/new%20website/spacer.gif"
width=1 border=0></td>
</tr>
<tr bgcolor="#79B6EA">
<td height=125 colspan="2" align="left" valign="top" bgcolor="A6C8E4"> <img height=1
src="../../../../My%20Documents/New%20Folder/B&H%20LCR/new%20website/spacer.gif"
width=1 border=0> <img height=2
src="../../../../My%20Documents/New%20Folder/B&H%20LCR/new%20website/spacer.gif"
width=1 border=0><img height=1
src="../../../../My%20Documents/New%20Folder/B&H%20LCR/new%20website/spacer.gif"
width=1 border=0><img height=1
src="../../../../My%20Documents/New%20Folder/B&H%20LCR/new%20website/spacer.gif"
width=1 border=0><img height=1
src="../../../../My%20Documents/New%20Folder/B&H%20LCR/new%20website/spacer.gif"
width=1 border=0><img height=1
src="../../../../My%20Documents/New%20Folder/B&H%20LCR/new%20website/spacer.gif"
width=1 border=0><img height=1
src="../../../../My%20Documents/New%20Folder/B&H%20LCR/new%20website/spacer.gif"
width=1 border=0> </td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
|
|
|
| Back to top |
|
 |
|
|
webmaster
Site Admin
Joined: 17 Aug 2004
Posts: 3614
Location: Sweden
|
| Posted: Wed Nov 30, 2005 2:47 pm Post subject: Re: I think Divs may be the problem |
|
|
Try to change:
| Code: |
<div class="menutitle" onClick="SwitchMenu('sub1')">
<p class="subHead">Industrial
</div> |
To:
| Code: |
<div class="menutitle" onClick="SwitchMenu('sub1')">
Industrial
</div> |
You've forgot a </p> after the achnortext in the menu too. |
|
| Back to top |
|
|
dazz_club
250+ Club
Joined: 15 Jul 2005
Posts: 313
Location: Chester and Hull
|
| Posted: Thu Dec 01, 2005 10:11 pm Post subject: correction of DIV tags |
|
|
| Cheers for your advice, i looked at the code closely and i had seen what needed tweakin, thanks for your help again. |
|
| Back to top |
|
|
|
Welcome to DEVPPL.com
You are not logged in, which means that you can't post in the forums.
Click here to Register
If you are a current member here on DEVPPL, please login below:
|
|
|
|
