Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Mar 2005
    Posts
    85
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Unwanted spacing between divs in IE

    Hi guys,

    I have a website that I created using tables *smacks hand*... http://www.opscentre.co.nz

    I've now got some spare time and i'm going back through trying to recreate the site using css. At the moment i'm working on the menu down the left hand side of the page (http://www.opscentre.co.nz/test.html). When viewing this page in firefox, opera and netscape, the menu seems fine. However, in IE 6 & IE 5, a 5px or so gap appears between the top div of the menu & the second div. I'm not sure what is creating this...is it some sort of bug? Can someone please help me out here? would be great if you could...

    Here's the html:

    Code:
    <!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">
    <head>
    <title>.: OpsCentre :.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="css/testcss.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    	<div id="container">
    		<div class="topbar"></div>
    		<div id="banner"></div>
    		<div class="topbar"><span class="topbar">The Home of Software Solutions for the Passenger Transport Industry</span></div>
      		<div id="bodybg">
    			<div id="menu">
    				<div id="top"></div>
    				<div class="leftmenu"><a href="index.html" class="leftmenu2">Home</a></div>
    				<div class="leftmenu"><a href="products.html" class="leftmenu1">Products</a></div>
    				<div class="leftmenu"><a href="packages.html" class="leftmenu1">Packages</a></div>
    				<div class="leftmenu"><a href="upcoming.html" class="leftmenu1">Upcoming Releases</a></div>
    			</div>
    		</div>
    		<div class="botbar">
    			<div class="floatleft"><a class="bottom" href="contact.html?name=4">Click here to contact the webmaster</a></div>
    			<div class="floatright"><span class="topbar">Copyright © 2005, Transport Management Systems Ltd. (NZ)</span></div>	
    		</div>
    	</div>
    </body>
    </html>

    Attatched is the css for this page...
    Attached Files Attached Files

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You should be using an ordered or unordered list for your menu, not a div for each link. Check out this site for some ideas.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Mar 2005
    Posts
    85
    Thanks
    3
    Thanked 0 Times in 0 Posts
    How come? whats the negative to 1 div per link??

  • #4
    Regular Coder
    Join Date
    Nov 2004
    Location
    The Netherlands
    Posts
    551
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Semantic use of code. And users with text browsers get a nice list with bullets.
    CATdude about IE6: "All your box-model are belong to us"


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •