...

View Full Version : Debugging layout for IE



waps2
12-04-2009, 11:36 AM
Hi guys,

Need some help debugging my page code. I have coded it for firefox and it looks fine but isnt displaying properly in IE. It keeps pushing my menu way down the page and i cant figure out whats causing it ?? :confused:



<!-- saved from url=(0022)http://internet.e-mail -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Welcome to Plymouth and Torbay Tool Hire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="xhtmlmain.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Style-Type" content="text/css"/>

</head>

<body>
<script type="text/javascript" src="menucode.js"></script>

<div id="pagewidth" >

<div id="header" class="header"> <a href="#"><img src="plylogo.gif" alt="" /></a>
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT US</a></li>
<li><a href="">EQUIPMENT</a></li>
<li><a href="">WHY US</a></li>
<li><a href="">CONDITIONS OF HIRE</a></li>
<li><a href="">CONTACT US</a></li>
</ul>
</div>
<div id="wrapper" class="clearfix" >

<div id="twocols" class="clearfix">
<div id="maincol" class="maincol" > <span class="welc">WELCOME TO:</span><span class="welc2">
TORBAY TOOL HIRE</span>
<p></p>
Torbay Tool Hire are the area's favourite independent hire company, but
not JUST because our prices are so competitive or because our product
range is so comprehensive that you can hire anything from a basic cordless
drill to a Tandem Roller. Much of our success comes from the high level
of customer support we insist upon. If you need advice on the best or
most suitable product for a particular project we won't try and talk you
into hiring what happens to be in stock or earns us the most money. Call
in and put us to the test today ! <img src="flash.gif" alt="" /> <a href="#" class="miniboxes"><img src="digbox.gif" alt="" class="miniboxes" /></a>
<a href="#" class="miniboxes"><img src="elecbox.gif" alt="" /></a> <a href="" class="butpush"><img src="moreinfobut.gif" alt="" /></a>
<a href=""><img src="moreinfobut.gif" alt="" /></a> </div>
<div id="rightcol" class="rightcol"><a href="#"><img src="brendonwasher.gif" alt="" class="spotlight" /></a><a href="" class="spotlight">Brendon
Mini Bowser Pressure Washers.</a>
<ul>
<li><a href="#">1. Carpet Cleaner</a></li>
<li><a href="#">2. Floor Sander</a></li>
<li><a href="#">3. Hedge Trimmer</a></li>
<li><a href="#">4. Plate Compactor</a></li>
<li><a href="#">5. Mini Diggers</a></li>
<li><a href="#">6. Dehumidifiers</a></li>
<li><a href="#">7. Pressure Washers</a></li>
<li><a href="#">8. Electric Breaker</a></li>
<li><a href="#">9. Core Drills</a></li>
<li><a href="#">10. Alloy Towers</a></li>
</ul>
<form id="brocreq" method="post" action="">
<fieldset>
<legend>Request a Brochure</legend>
<input type="text" name="txtFirstName" id="txtFirstName" value="Name" />
<br />
<input type="text" name="txtLastName" id="txtLastName" value="Postcode" />
<img src="sendbut.gif" alt="" />
</fieldset>
</form>
</div>
</div>

<div id="leftcol" class="leftmenu">
<ul id="sidebarmenu1">
<li><a href="">Access</a>
<ul>
<li><a href="#">Aluminium Towers</a></li>
<li><a href="#">Stairway Tower</a></li>
<li><a href="#">Combi Ladders</a></li>
<li><a href="#">Folding Platforms</a></li>
<li><a href="#">Ladder Accessories</a></li>
<li><a href="#">Ladders</a></li>
<li><a href="#">Podiums</a></li>
<li><a href="#">Roof Ladders</a></li>
<li><a href="#">Scaffold Boards</a></li>
<li><a href="#">Staging Boards</a></li>
<li><a href="#">Staging Handrail System</a></li>
<li><a href="#">Steel Trestles</a></li>
<li><a href="#">Step Ladders</a></li>
<li><a href="#">Trestle Handrail System</a></li>
</ul>
</li>
<li><a href="">Air Tools</a>
<ul>
<li><a href="#">Air Breakers &amp; Drills</a></li>
<li><a href="#">Air Product Accessories</a></li>
<li><a href="#">Air Scabblers</a></li>
<li><a href="#">Air Wrench / Grinders</a></li>
<li><a href="#">Compressors</a></li>
<li><a href="#">Soil Picks / Blow Lance</a></li>
</ul>
</li>
<li><a href="">Breaking, Drilling and Fixing</a>
<ul>
<li><a href="#">Breakers Electric</a></li>
<li><a href="#">Cartridge Fixing Gun</a></li>
<li><a href="#">Combi Hammer Drills</a></li>
<li><a href="#">Cordless Drills / Screwdrivers</a></li>
<li><a href="#">Cordless Nail Gun</a></li>
<li><a href="#">Diamond Drilling</a></li>
<li><a href="#">Diamond Drilling Accessories</a></li>
<li><a href="#">Drill &amp; Breaker Accessories</a></li>
<li><a href="#">Hydraulic Breaker Gun 20L</a></li>
<li><a href="#">Hydraulic / Petrol Breakers</a></li>
<li><a href="#">Impact Wrench</a></li>
<li><a href="#">Magnetic Drill</a></li>
<li><a href="#">Percussion / Angle Drills</a></li>
<li><a href="#">Screwdriver / Tek / Auto Feed Gun</a></li>
<li><a href="#">SDS Plus Hammer Drills</a></li>
<li><a href="#">Staplers</a></li>
</ul>
</li>
<li><a href="">Cleaning and Dust Control</a>
<ul>
<li><a href="#">Carpet Cleaners &amp; Dryers</a></li>
<li><a href="#">Pressure Washer Accessories</a></li>
<li><a href="#">Pressure Washers</a></li>
<li><a href="#">Vacuum Cleaners</a></li>
</ul>
</li>
<li><a href="">Concrete and Compaction</a>
<ul>
<li><a href="#">Cement &amp; Paddle Mixers</a></li>
<li><a href="#">Compactors &amp; Rammers</a></li>
<li><a href="#">Concrete Floats</a></li>
<li><a href="#">Floor Grinder / Planers / Scarifiers</a></li>
<li><a href="#">Vibrating Pokers</a></li>
<li><a href="#">Vibrating Screeds</a></li>
</ul>
</li>
<li><a href="">Cutting, Grinding and Chasing</a>
<ul>
<li><a href="#">Angle Grinders &amp; Wall Chasing</a></li>
<li><a href="#">Block Splitters</a></li>
<li><a href="#">Disc Cutters</a></li>
<li><a href="#">Floor Saws</a></li>
<li><a href="#">Metal Chopsaw / Shears / Nibblers</a></li>
<li><a href="#">Tile &amp; Masonry Saw Bench</a></li>
</ul>
</li>
<li><a href="">General Building and Roadworks</a>
<ul>
<li><a href="#">Barriers &amp; Panels</a></li>
<li><a href="#">Bowsers - Water &amp; Diesel</a></li>
<li><a href="#">Cable Detection Tools</a></li>
<li><a href="#">Damp Proofing Equipment</a></li>
<li><a href="#">General Building Equipment</a></li>
<li><a href="#">Road Cones &amp; Signs</a></li>
<li><a href="#">Tool Vaults</a></li>
<li><a href="#">Underground Moles</a></li>
</ul>
</li>
<li><a href="">Generators and Welders</a>
<ul>
<li><a href="#">Diesel Generators</a></li>
<li><a href="#">Electric Welders &amp; Plasma Cutters</a></li>
<li><a href="#">Petrol Generators</a></li>
<li><a href="#">Welders / Generators</a></li>
<li><a href="#">Welding Accessories</a></li>
</ul>
</li>
<li><a href="">Heating, Cooling and Drying</a>
<ul>
<li><a href="#">Air Conditioners</a></li>
<li><a href="#">Dehumidifiers &amp; Fume Extractors</a></li>
<li><a href="#">Electric Heaters</a></li>
<li><a href="#">Fans &amp; Coolers</a></li>
<li><a href="#">Gas Heaters</a></li>
<li><a href="#">Heating, Cooling &amp; Drying Accessories</a></li>
</ul>
</li>
<li><a href="">Landscaping and Gardening</a>
<ul>
<li><a href="#">Brushcutters &amp; Strimmers</a></li>
<li><a href="#">Cultivators &amp; Rotovators</a></li>
<li><a href="#">Garden Hand Tools</a></li>
<li><a href="#">Garden Shredders</a></li>
<li><a href="#">Hedge Trimmers</a></li>
<li><a href="#">Leaf Blowers</a></li>
<li><a href="#">Post Hole Borers</a></li>
<li><a href="#">Scarifiers &amp; Aerators</a></li>
<li><a href="#">Stump Grinder &amp; Log Splitters</a></li>
<li><a href="#">Turf Lifter &amp; Petrol Mowers</a></li>
</ul>
</li>
<li><a href="">Lifting Equipment</a>
<ul>
<li><a href="#">Bumpa Hoists</a></li>
<li><a href="#">Lifting &amp; Material Handling Accessories</a></li>
<li><a href="#">Material &amp; Plaster Board Lifts</a></li>
<li><a href="#">Materials Hoist</a></li>
<li><a href="#">Pallet Trucks</a></li>
<li><a href="#">Trolleys</a></li>
</ul>
</li>
<li><a href="">Light Plant</a>
<ul>
<li><a href="#">Diggers</a></li>
<li><a href="#">Dumpers</a></li>
</ul>
</li>
<li><a href="">Lighting and Site Electrics</a>
<ul>
<li><a href="#">3kva &amp; 5kva Transformers</a></li>
<li><a href="#">Extension Leads</a></li>
<li><a href="#">Festoon Lights</a></li>
<li><a href="#">Floodlights - Single &amp; Double Headed</a></li>
<li><a href="#">Flourescent Lights</a></li>
<li><a href="#">Junction Boxes</a></li>
<li><a href="#">Magnectic &amp; Mini Pod Lights</a></li>
<li><a href="#">R.C.D Power Breakers</a></li>
<li><a href="#">Site Transformers</a></li>
</ul>
</li>
<li><a href="">Painting and Decorating</a>
<ul>
<li><a href="#">Airless Sprayers</a></li>
<li><a href="#">Wallpaper &amp; Paint Strippers</a></li>
</ul>
</li>
<li><a href="">Plumbing and Engineering</a>
<ul>
<li><a href="#">Pipe Benders</a></li>
<li><a href="#">Pipe Cutters</a></li>
<li><a href="#">Pipe Freezers</a></li>
<li><a href="#">Pipe Threaders</a></li>
<li><a href="#">Pipe Tools</a></li>
<li><a href="#">Plumbing Accessories</a></li>
</ul>
</li>
<li><a href="">Pumping</a>
<ul>
<li><a href="#">Petrol / Diesel Pumps</a></li>
<li><a href="#">Submersible. Puddle &amp; Transfer Pumps</a></li>
<li><a href="#">Water Pump Accessories</a></li>
</ul>
</li>
<li><a href="">Safety Equipment</a></li>
<li><a href="">Surface Preperation</a>
<ul>
<li><a href="#">Floor Tile Strippers</a></li>
<li><a href="#">Scrubbing / Polishing Machines</a></li>
</ul>
</li>
<li><a href="">Survey Equipment</a></li>
<li><a href="">Trenching and Shoring</a>
<ul>
<li><a href="#">Acrow Props</a></li>
<li><a href="#">Strongboys</a></li>
<li><a href="#">Trench Struts</a></li>
</ul>
</li>
<li><a href="">Woodworking Tools</a>
<ul>
<li><a href="#">Aligstor, Door &amp; Biscuit Saws</a></li>
<li><a href="#">Floor &amp; Edging Sanders</a></li>
<li><a href="#">Jigsaws &amp; Reciprocating Saws</a></li>
<li><a href="#">Mitre and Circular Saws</a></li>
<li><a href="#">Routers &amp; Planers</a></li>
<li><a href="#">Sanders (Hand held)</a></li>
<li><a href="#">Table &amp; Flip Over Saws</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer" class="footer">
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT US</a></li>
<li><a href="">EQUIPMENT</a></li>
<li><a href="">WHY US</a></li>
<li><a href="">CONDITIONS OF HIRE</a></li>
<li><a href="">CONTACT US</a></li>
</ul>
<ul class="copyright">
<li> Copyright 2009. Plymouth Tool Hire. All Rights Reserved. Designed & Developed by Paul Black.</li>
</ul>
</div>

</div>
</body>

</html>

abduraooft
12-04-2009, 12:13 PM
<!-- saved from url=(0022)http://internet.e-mail --> First of all remove that line from the top, as IE may turn into quirks mode if it encounters anything before DOCTYPE. After that I'd recommend you to check http://bonrouge.com/3c-hf-fluid.php to see how to make a good 2 column layout with a few number of floats.
(IE's wrong behaviour might be due the box model issue (http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug) )

waps2
12-07-2009, 12:37 PM
Hi abduraooft

Thanks for your advice. I have changed the layout code for my page now bt im having a problem with my left hand menu system.

When I rollover the main menu links it is showing the underlining <ul> (submenus) directly underneath. Instead of popping up to the left hand side.

Anyone know what is causing this ?



<!-- saved from url=(0022)http://internet.e-mail -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Welcome to Plymouth and Torbay Tool Hire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="tool hire, plymouth, torbay, torquay, devon, access, concrete, painting, compaction, decorating, trenching, landscaping, shoring, gardening, air tools, dust control, drilling, breaking, welders, lighting, lifting, material, wood saws, site electrics, handling, survey equipment, heating, cooling, safety equipment, roadworks, mini diggers, dumpers, plant, drying, lifting" />
<!--[if !IE]>-->
<link rel="stylesheet" href="global.css" type="text/css" />
<!--<![endif]-->
<link rel="stylesheet" href="iemain.css" type="text/css" />
<meta http-equiv="Content-Style-Type" content="text/css"/>

</head>

<body><script type="text/javascript">

//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}

if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)

</script>


<div id="wrap">
<div id="header" class="header"><a href="#"><img src="plylogo.gif" class="logo" alt="" /></a>
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT US</a></li>
<li><a href="">EQUIPMENT</a></li>
<li><a href="">WHY US</a></li>
<li><a href="">CONDITIONS OF HIRE</a></li>
<li><a href="">CONTACT US</a></li>
</ul>
</div>
<div id="inner-wrap">
<div id="left" class="leftmenu">
<ul id="sidebarmenu1">
<li><a href="">Access</a>
<ul>
<li><a href="#">Aluminium Towers</a></li>
<li><a href="#">Stairway Tower</a></li>
<li><a href="#">Combi Ladders</a></li>
<li><a href="#">Folding Platforms</a></li>
<li><a href="#">Ladder Accessories</a></li>
<li><a href="#">Ladders</a></li>
<li><a href="#">Podiums</a></li>
<li><a href="#">Roof Ladders</a></li>
<li><a href="#">Scaffold Boards</a></li>
<li><a href="#">Staging Boards</a></li>
<li><a href="#">Staging Handrail System</a></li>
<li><a href="#">Steel Trestles</a></li>
<li><a href="#">Step Ladders</a></li>
<li><a href="#">Trestle Handrail System</a></li>
</ul>
</li>
<li><a href="">Air Tools</a>
<ul>
<li><a href="#">Air Breakers &amp; Drills</a></li>
<li><a href="#">Air Product Accessories</a></li>
<li><a href="#">Air Scabblers</a></li>
<li><a href="#">Air Wrench / Grinders</a></li>
<li><a href="#">Compressors</a></li>
<li><a href="#">Soil Picks / Blow Lance</a></li>
</ul>
</li>
<li><a href="">Breaking, Drilling and Fixing</a>
<ul>
<li><a href="#">Breakers Electric</a></li>
<li><a href="#">Cartridge Fixing Gun</a></li>
<li><a href="#">Combi Hammer Drills</a></li>
<li><a href="#">Cordless Drills / Screwdrivers</a></li>
<li><a href="#">Cordless Nail Gun</a></li>
<li><a href="#">Diamond Drilling</a></li>
<li><a href="#">Diamond Drilling Accessories</a></li>
<li><a href="#">Drill &amp; Breaker Accessories</a></li>
<li><a href="#">Hydraulic Breaker Gun 20L</a></li>
<li><a href="#">Hydraulic / Petrol Breakers</a></li>
<li><a href="#">Impact Wrench</a></li>
<li><a href="#">Magnetic Drill</a></li>
<li><a href="#">Percussion / Angle Drills</a></li>
<li><a href="#">Screwdriver / Tek / Auto Feed Gun</a></li>
<li><a href="#">SDS Plus Hammer Drills</a></li>
<li><a href="#">Staplers</a></li>
</ul>
</li>
<li><a href="">Cleaning and Dust Control</a>
<ul>
<li><a href="#">Carpet Cleaners &amp; Dryers</a></li>
<li><a href="#">Pressure Washer Accessories</a></li>
<li><a href="#">Pressure Washers</a></li>
<li><a href="#">Vacuum Cleaners</a></li>
</ul>
</li>
<li><a href="">Concrete and Compaction</a>
<ul>
<li><a href="#">Cement &amp; Paddle Mixers</a></li>
<li><a href="#">Compactors &amp; Rammers</a></li>
<li><a href="#">Concrete Floats</a></li>
<li><a href="#">Floor Grinder / Planers / Scarifiers</a></li>
<li><a href="#">Vibrating Pokers</a></li>
<li><a href="#">Vibrating Screeds</a></li>
</ul>
</li>
<li><a href="">Cutting, Grinding and Chasing</a>
<ul>
<li><a href="#">Angle Grinders &amp; Wall Chasing</a></li>
<li><a href="#">Block Splitters</a></li>
<li><a href="#">Disc Cutters</a></li>
<li><a href="#">Floor Saws</a></li>
<li><a href="#">Metal Chopsaw / Shears / Nibblers</a></li>
<li><a href="#">Tile &amp; Masonry Saw Bench</a></li>
</ul>
</li>
<li><a href="">General Building and Roadworks</a>
<ul>
<li><a href="#">Barriers &amp; Panels</a></li>
<li><a href="#">Bowsers - Water &amp; Diesel</a></li>
<li><a href="#">Cable Detection Tools</a></li>
<li><a href="#">Damp Proofing Equipment</a></li>
<li><a href="#">General Building Equipment</a></li>
<li><a href="#">Road Cones &amp; Signs</a></li>
<li><a href="#">Tool Vaults</a></li>
<li><a href="#">Underground Moles</a></li>
</ul>
</li>
<li><a href="">Generators and Welders</a>
<ul>
<li><a href="#">Diesel Generators</a></li>
<li><a href="#">Electric Welders &amp; Plasma Cutters</a></li>
<li><a href="#">Petrol Generators</a></li>
<li><a href="#">Welders / Generators</a></li>
<li><a href="#">Welding Accessories</a></li>
</ul>
</li>
<li><a href="">Heating, Cooling and Drying</a>
<ul>
<li><a href="#">Air Conditioners</a></li>
<li><a href="#">Dehumidifiers &amp; Fume Extractors</a></li>
<li><a href="#">Electric Heaters</a></li>
<li><a href="#">Fans &amp; Coolers</a></li>
<li><a href="#">Gas Heaters</a></li>
<li><a href="#">Heating, Cooling &amp; Drying Accessories</a></li>
</ul>
</li>
<li><a href="">Landscaping and Gardening</a>
<ul>
<li><a href="#">Brushcutters &amp; Strimmers</a></li>
<li><a href="#">Cultivators &amp; Rotovators</a></li>
<li><a href="#">Garden Hand Tools</a></li>
<li><a href="#">Garden Shredders</a></li>
<li><a href="#">Hedge Trimmers</a></li>
<li><a href="#">Leaf Blowers</a></li>
<li><a href="#">Post Hole Borers</a></li>
<li><a href="#">Scarifiers &amp; Aerators</a></li>
<li><a href="#">Stump Grinder &amp; Log Splitters</a></li>
<li><a href="#">Turf Lifter &amp; Petrol Mowers</a></li>
</ul>
</li>
<li><a href="">Lifting Equipment</a>
<ul>
<li><a href="#">Bumpa Hoists</a></li>
<li><a href="#">Lifting &amp; Material Handling Accessories</a></li>
<li><a href="#">Material &amp; Plaster Board Lifts</a></li>
<li><a href="#">Materials Hoist</a></li>
<li><a href="#">Pallet Trucks</a></li>
<li><a href="#">Trolleys</a></li>
</ul>
</li>
<li><a href="">Light Plant</a>
<ul>
<li><a href="#">Diggers</a></li>
<li><a href="#">Dumpers</a></li>
</ul>
</li>
<li><a href="">Lighting and Site Electrics</a>
<ul>
<li><a href="#">3kva &amp; 5kva Transformers</a></li>
<li><a href="#">Extension Leads</a></li>
<li><a href="#">Festoon Lights</a></li>
<li><a href="#">Floodlights - Single &amp; Double Headed</a></li>
<li><a href="#">Flourescent Lights</a></li>
<li><a href="#">Junction Boxes</a></li>
<li><a href="#">Magnectic &amp; Mini Pod Lights</a></li>
<li><a href="#">R.C.D Power Breakers</a></li>
<li><a href="#">Site Transformers</a></li>
</ul>
</li>
<li><a href="">Painting and Decorating</a>
<ul>
<li><a href="#">Airless Sprayers</a></li>
<li><a href="#">Wallpaper &amp; Paint Strippers</a></li>
</ul>
</li>
<li><a href="">Plumbing and Engineering</a>
<ul>
<li><a href="#">Pipe Benders</a></li>
<li><a href="#">Pipe Cutters</a></li>
<li><a href="#">Pipe Freezers</a></li>
<li><a href="#">Pipe Threaders</a></li>
<li><a href="#">Pipe Tools</a></li>
<li><a href="#">Plumbing Accessories</a></li>
</ul>
</li>
<li><a href="">Pumping</a>
<ul>
<li><a href="#">Petrol / Diesel Pumps</a></li>
<li><a href="#">Submersible. Puddle &amp; Transfer Pumps</a></li>
<li><a href="#">Water Pump Accessories</a></li>
</ul>
</li>
<li><a href="">Safety Equipment</a></li>
<li><a href="">Surface Preperation</a>
<ul>
<li><a href="#">Floor Tile Strippers</a></li>
<li><a href="#">Scrubbing / Polishing Machines</a></li>
</ul>
</li>
<li><a href="">Survey Equipment</a></li>
<li><a href="">Trenching and Shoring</a>
<ul>
<li><a href="#">Acrow Props</a></li>
<li><a href="#">Strongboys</a></li>
<li><a href="#">Trench Struts</a></li>
</ul>
</li>
<li><a href="">Woodworking Tools</a>
<ul>
<li><a href="#">Aligstor, Door &amp; Biscuit Saws</a></li>
<li><a href="#">Floor &amp; Edging Sanders</a></li>
<li><a href="#">Jigsaws &amp; Reciprocating Saws</a></li>
<li><a href="#">Mitre and Circular Saws</a></li>
<li><a href="#">Routers &amp; Planers</a></li>
<li><a href="#">Sanders (Hand held)</a></li>
<li><a href="#">Table &amp; Flip Over Saws</a></li>
</ul>
</li>
</ul>
</div>
<div id="main">
<div id="right" class="rightcol"><a href="#"><img src="brendonwasher.gif" alt="" border="0" class="spotlight" /></a>
<a href="" class="spotlight">Brendon Mini Bowser Pressure Washers.</a>
<ul>
<li><a href="#">1. Carpet Cleaner</a></li>
<li><a href="#">2. Floor Sander</a></li>
<li><a href="#">3. Hedge Trimmer</a></li>
<li><a href="#">4. Plate Compactor</a></li>
<li><a href="#">5. Mini Diggers</a></li>
<li><a href="#">6. Dehumidifiers</a></li>
<li><a href="#">7. Pressure Washers</a></li>
<li><a href="#">8. Electric Breaker</a></li>
<li><a href="#">9. Core Drills</a></li>
<li><a href="#">10. Alloy Towers</a></li>
</ul>
<form id="brocreq" method="post" action="">
<fieldset>
<legend>Request a Brochure</legend>
<input type="text" name="txtFirstName" id="txtFirstName" value="Name" />
<br />
<input type="text" name="txtLastName" id="txtLastName" value="Postcode" />
<img src="sendbut.gif" alt="" />
</fieldset>
</form>
</div>
<div id="content"> <span class="welc">WELCOME TO:</span><span class="welc2">
TORBAY TOOL HIRE</span>
<p></p>
Torbay Tool Hire are the area's favourite independent hire company, but
not JUST because our prices are so competitive or because our product
range is so comprehensive that you can hire anything from a basic cordless
drill to a Tandem Roller. Much of our success comes from the high level
of customer support we insist upon. If you need advice on the best or
most suitable product for a particular project we won't try and talk you
into hiring what happens to be in stock or earns us the most money. Call
in and put us to the test today ! <img src="flash.gif" alt="" /> <a href="#" class="miniboxes"><img src="digbox.gif" alt="" class="miniboxes" /></a>
<a href="#" class="miniboxes"><img src="elecbox.gif" alt="" /></a> <a href="" class="butpush"><img src="moreinfobut.gif" alt="" /></a>
<a href=""><img src="moreinfobut.gif" alt="" /></a> </div>
</div>
</div>
<div id="footer" class="footer">
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT US</a></li>
<li><a href="">EQUIPMENT</a></li>
<li><a href="">WHY US</a></li>
<li><a href="">CONDITIONS OF HIRE</a></li>
<li><a href="">CONTACT US</a></li>
</ul>
<ul class="copyright">
<li> Copyright 2009. Plymouth Tool Hire. All Rights Reserved. Designed
& Developed by Paul Black.</li>
</ul>
</div>
</div>
</body>

</html>

abduraooft
12-07-2009, 12:46 PM
Reread the first line in my above line.

waps2
12-07-2009, 01:05 PM
Hi abduraooft

Sorry I have been removing that line from my page before testing it...just forgot on this occasion lol

I still have the same problem with the menu ?

Thanks

abduraooft
12-07-2009, 01:41 PM
Try adding
.leftmenu ul ul{
position:absolute;
top:0;
z-index:10;
}into your CSS.
btw, relying completely on javascript to make the drop down effect is not a good idea as it may cause some accessibility issues for those who have no js support in their browser. You may check this by disabling js in your browser.

I'd recommend a CSS based one instead, see http://htmldog.com/articles/suckerfish/dropdowns/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum