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 3 of 3
  1. #1
    Junior Member
    Join Date
    Oct 2008
    Member #

    I am designing a very simple layout using CSS.

    The site has a topbar, a vertical navbar on the left and page content to the right.

    The problem I am running into is that there seems to be a 2pixel gap in between the topbar and my navbar... It is perfectly aligned in dreamweaver but when uploaded and viewed with either IE8beta or Firefox, the gap is there.

    The site is layed out with one large container and divisions positioned relative within it.

    Website Address:
    CSS Address:

    If anyone can solve this riddle I would thrilled because I'm beating my head against the wall on this one..



  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Cottage Grove, Minnesota
    Member #
    725 times
    Basically, you need to specify the height of #topbar ... height:160px;

    I think it looks better without the white lines between the images.

    I made a test page so I could play with it ...

  4. #3
    Junior Member
    Join Date
    Oct 2008
    Member #
    Thank you so much, I really appreciate your help.

    It worked perfectly and I also took your advice to remove the 1pixel spacer between the images on the top bar and agree it does look better. The test page you made was very helpful and gave me a jump start on the links in the navbar and I used the footer as well. Thanks again,

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 09:16 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: