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 9 of 9
  1. #1
    Senior Member Damien's Avatar
    Join Date
    Apr 2004
    Location
    Essex, UK
    Posts
    110
    Member #
    5528
    I am having a problem with a blue bar in css.

    I have a div containing a logo and a background matching the colour of the logo. The idea is that it strechs right across the page. It does so in Firefox and Safari. It does not do the same in IE. A small white gap appears!!!

    ##Banner {
    background-image: url(assets/banner.gif);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 70px;
    background-color: #83A0CC;
    left: 0px;
    top: 40%;
    right: 0px;
    }
    #enter {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #83A0CC;
    font-style: oblique;
    left: 46%;
    position: absolute;
    top: 55%;
    }
    #footer {
    position: absolute;
    bottom: 0px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    left: 42%;
    }

  2.  

  3. #2
    Senior Member Damien's Avatar
    Join Date
    Apr 2004
    Location
    Essex, UK
    Posts
    110
    Member #
    5528
    *Banner is the blue bar

  4. #3
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    1: You have 2 "#"'s in your definition of Banner
    2: Try setting the padding in banner to 0.

  5. #4
    Senior Member Damien's Avatar
    Join Date
    Apr 2004
    Location
    Essex, UK
    Posts
    110
    Member #
    5528
    nah the # was i mistake i wrote when posting, not in css file

  6. #5
    Senior Member Damien's Avatar
    Join Date
    Apr 2004
    Location
    Essex, UK
    Posts
    110
    Member #
    5528
    how do you stop elements crasshing into each other as well

  7. #6
    Senior Member Rince's Avatar
    Join Date
    Nov 2004
    Posts
    183
    Member #
    8318
    Can you give use the whole page (e.g. a URL) trying to fix this form jus a excert of you css is like expecting a mechanic to repair your car from photographs of the car only.

    I suspect the problem is that you have not validated you code or have the wrong doctype. And so IE is running in Quirks mode rather than standard mode. The major differenace beween quirks and standard mode is that the box model is diffent for each. The box model is how width, padding, margin, and border all add up to make the total height and width of any given box. Quirks (and old IE5) uses the broder box model while Standard mode IE6, FF and Opera etc all use the Content Box Model.

  8. #7
    Senior Member Damien's Avatar
    Join Date
    Apr 2004
    Location
    Essex, UK
    Posts
    110
    Member #
    5528
    I am using HTML 1.0 Transisational

  9. #8
    Senior Member Fallout's Avatar
    Join Date
    Aug 2003
    Location
    Richmond, Virginia
    Posts
    543
    Member #
    2748
    But without a link, we don't know if you are using it correctly.

  10. #9
    Senior Member Damien's Avatar
    Join Date
    Apr 2004
    Location
    Essex, UK
    Posts
    110
    Member #
    5528
    found a fix people

    body {
    margin:0;
    }


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