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 5 of 5
  1. #1
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    I'm redesigning a website. So far I have a banner and a navigation menu.

    Link

    It's been a while since I worked on web design and I don't recall having this problem before.

    My problem is that when I view it in Internet Explorer there is a space between the navigation menu and the banner. I'm struggling to get rid of it.

    I assume it's a padding and margin error on my part.

    I've validated both the attached HTML and CSS.

    Any help is appreciated.

    Jake

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    I'd try zeroing out the padding/margins on the li elements, as well, see if that changes anything.

  4. #3
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    First of all, fix the white space in IE by adding a line break (in blue):

    <img src="images/zabanner.jpg" alt="Z&A Banner" /><br />

    Then, a few changes in your CSS file to center the page with IE
    and to correctly size the font in FF.

    Add this to your CSS to center the page on IE and FF:

    html, body {
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
    margin: 0px auto;
    min-width: 800px;
    text-align: center;
    }


    Change the font-size line in this div:

    #nav ul li a
    {
    font-size:1.1em;
    padding: 0.2em 1em;
    background-color: #003366;
    color: White;
    text-decoration: none;
    float: left;
    border-right: 1px solid #fff;
    }


  5. #4
    Member
    Join Date
    Apr 2007
    Posts
    96
    Member #
    15165
    Try putting the image into a div.
    Fixed it when I looked at it.
    HTML Code:
    <div><img src="http://www.zaengineering.com/beta/images/zabanner.jpg" alt="Z&A Banner" /></div>

  6. #5
    Member
    Join Date
    Jan 2004
    Posts
    68
    Member #
    4547
    Thanks for the replies. All fixed


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 03:39 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com