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 8 of 8
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    background images in ie6 - hopeless

    Hi Guys,

    At heart I'm a designer. Though I started out a company and now have to code my own websites, which isn't really my thing as you may see shortly!!

    The problem I'm having is in ie6, the background image isn't showing when I refresh it pops back up (though it still has a gap at the top and bottom!). The site looks fine obviously in ff & ie7. I have looked everywhere and tried a few things but nothing seems to work!!

    http://www.biastech.com/Perperitus_web/index.html - Please don't laugh at my code!!

    Thank you in advance for your help.

    Mark

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Friend.

    The CSS should be in the <head> section.
    You appear to have it after.
    -------------------------------------------
    Doctype
    <html>
    <head>
    <title></title>
    <style type="text/css">

    CSS here

    </style>

    </head>
    <body>

    etc.
    --------------------------------------------

    There are a number (37) validation errors.
    http://validator.w3.org/
    Check here.

    Frank
    Last edited by effpeetee; 09-25-2007 at 09:07 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi Frank,

    Thanks for your help but the CSS is within the head section.

    Mark

  • #4
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    I no longer have IE6, but I remember! Try this at the top of your css first:

    Code:
    * {margin:0; padding:0}
    This should get rid of the gaps at the top and bottom of the page.

    Try relocating the background image from your html into your css as a background image to your div #body_bg, and putting your css into a separate file that is referenced in your head section:

    Code:
    <link rel="stylesheet" type="text/css" href="http://www.biastech.com/Perperitus_web/mystyles.css" />
    The browser will cache all the css, thus speeding up page transitions and reloads so the pop back is less noticeable.

    Gary

  • #5
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks Gary,

    That does indeed help. However the bigger problem is the background not repeating itself in ie6. It's a fairly big problem as you can't read anything unless the image is behind the page!!

    I'm stumped!!

  • #6
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    I don't see the problems in Firefox or IE6?
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #7
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    with a mixture of me changing bits and bobs and gary's suggestion I've fixed this.

    I gave my background a height in ems and a min-height as 100% which seemed to be fine on all browsers.

    Thanks guys.

  • #8
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Thanks for your help but the CSS is within the head section.

    Sorry about my earlier post.
    I missed the line just before the <body> tag.

    Glad you fixed it.

    Regards,

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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