Grow your CSS skills. Land your dream job.

IE 6 problem

  • # December 28, 2008 at 6:28 am

    Hi guys.

    I have a problem regarding Internet Explorer 6 that I haven’t come across before but hopefully someone can help me out. Basically the problem is that I have a horizontally repeating image that is declared in the ‘body’ in the CSS. Now this image is used as a faux header simply to separate the logo and nav from the other content.

    The issue is that Firefox is displaying it as intended. IE 7 and 8 beta are displaying it as intended. Hell, even IE 5.5 is displaying the image as I want but IE 6 is having issues. From my understanding, it seems that the image is being stretched the length of the entire body when I only want it to be the height that it is. Now while I have dabbled in CSS, I am no expert so I am hoping someone can help me out. I assume it is nothing terribly hard but still, I am having trouble.

    All necessary files (including images of browser comparisons) are is a .zip file located in the link below. If you need me to post them elsewhere or provide the files and pictures in a different way, please tell me and I’ll get onto it.

    http://www.mediafire.com/file/umxgmtm15zz/ie-issues.zip

    Thanks very much in advance.

    [EDIT]: Oh and if you’re wondering why there are many css elements that aren’t even declared in the html it is because this is a design that I will be integrating into CakePHP so these elements will eventually be used.

    [EDIT 2]: I thought I would just show the images here. Sorry that they are so small, but they were intended to just outline the obvious problem.

    [img]http://img254.imageshack.us/img254/8297/ie55aq5.th.jpg[/img] [img]http://img208.imageshack.us/img208/6633/ie6vi4.th.jpg[/img] [img]http://img208.imageshack.us/img208/5993/ie7zc4.th.jpg[/img]

    # December 28, 2008 at 7:22 am

    I would prefer to see the site than to download your files, for safety’s sake, I don’t know what I am downloading…

    in saying that, is your image of a certain height? e.g. 1px wide x 50px height?
    have you got repeat; or repeat-y?

    # December 28, 2008 at 7:36 am

    That’s fair enough. If my question hasn’t been answered by tomorrow morning (it’s 11:30pm here in Aus so I’m a tad sleepy) I’ll find some free hosting site and put the site up (do you have any in mind?).

    Anyway, the image is 1px width by 102px height and is set to repeat-x. The ‘obeying’ browsers are displaying the repeated image at the top of the window from left to right, and after 102px in height, the background color is displayed from the bottom of the picture down to the bottom of the browser. IE 6 however, is stretching the image from the top of the window to the bottom of the ‘body’ and then repeating that stretched version from left to right.

    Thanks for the reply, and like I said, I’ll be happy to host it but maybe in the morning.

    Cheers

    # December 28, 2008 at 9:17 am

    does your ISP not offer free webspace?

    if not I think geocities is still going https://login.yahoo.com/config/login_ve … oo.com/reg

    ik

    # December 28, 2008 at 10:47 am
    Code:

    I took this out and it seems to work in IE6 or at least the test prog I got for IE6, putting that code back in makes it go back to what you had.

    http://www.honeycomb-web.co.uk/test/index.html

    # December 28, 2008 at 8:03 pm

    Thanks heaps.

    I guess I won’t be having any PNG transparency for this website lol. Not that it matters, I just use that file in every site I do to ensure that transparent PNGs work for IE all the time. I guess now I’ll have to be more cautious.

    Thanks very much for your time, now I can keep going with this site.

    Cheers

    # December 29, 2008 at 8:44 am
    "begabamboo" wrote:
    Thanks heaps.

    I guess I won’t be having any PNG transparency for this website lol. Not that it matters, I just use that file in every site I do to ensure that transparent PNGs work for IE all the time. I guess now I’ll have to be more cautious.

    Thanks very much for your time, now I can keep going with this site.

    Cheers

    why bother with ie6? as microsoft is no longer giving updates for the program, why should we bother writing for it?
    it is a small audience share, and probably not in the areas you are trying to hit.

    I in future will not be writing for ie6 if I can help it

    # December 29, 2008 at 8:51 am

    Yeah, I do agree that it seems pointless to be hampering our development time etc. to develop for IE 6, but unfortunately, the research my friend and I have undertaken indicates that the target market for our site is overwhelmingly populated by IE 6 users (almost two times the normal average). So while it is frustrating, as long as I can design a reasonably simple layout, then I am content with dodging 2 or 3 problems.

    Anyway, thanks again for your help.

    # December 29, 2008 at 1:15 pm
    "begabamboo" wrote:
    Yeah, I do agree that it seems pointless to be hampering our development time etc. to develop for IE 6, but unfortunately, the research my friend and I have undertaken indicates that the target market for our site is overwhelmingly populated by IE 6 users (almost two times the normal average). So while it is frustrating, as long as I can design a reasonably simple layout, then I am content with dodging 2 or 3 problems.

    Anyway, thanks again for your help.

    i would say a simple design clean easy to navigatte and no png and no transparency should do it

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".