Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    Aug 2004
    Location
    Australia
    Posts
    12
    Member #
    7005
    I have a navigation bar in a css as follows:

    ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute; top: 100px; left: 10px; width: 225px;
    background-color: #FFFAF0;
    }
    ul.navbar li {
    margin: 0;
    padding: 0.3em;
    border-style: double;
    border-color: #00008B;
    }
    ul.navbar a {
    text-decoration: none
    }
    a:link{
    color: #008000;
    }
    a:visited {
    color: purple;
    }
    In the html in the page, the links are listed <li><a etc>address and name</a></li>.

    In IE it displays perfectly with all the little boxes sitting one on top of the other which gives the effect of a heavier line between the boxes.

    In Mozilla and Firefox and also in Nvu, there is a small gap between the 3rd and 4th boxes. The pages have been validated with no errors in the css or html. If it was a space between all the boxes I could live with it but not just between 2 boxes as it looks as if a mistake has been made.

    Is there a reason for this? Thanks

    Since found this article: http://www.positioniseverything.net/round-error.html

    which describes my problem. Perhaps if I changed the "em" to "px"?
    Windows 98SE 2GHz 40GB 256RAM

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:46 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com