IE Help Needed, Please!!

Discussion in 'Web Design and Development' started by Sean7512, Sep 4, 2006.

  1. Sean7512 macrumors 6502a

    Joined:
    Jun 8, 2005
    #1
    My website www.smkvideo.com will not render correctly on IE (Mac or Windows), why is this?? Also if you look at the site using Safari, the color on the "Packages" or "Examples" pictures blend perfectly with the background, but on other browsers it is a tad lighter. Any help is appreciated, thanks!!
     
  2. iMeowbot macrumors G3

    iMeowbot

    Joined:
    Aug 30, 2003
    #2
    You are trying to match a JPEG with a background in Web browsers. ColorSync (or lack thereof) in different browsers will break your heart, use a simpler RGB format like PNG or GIF.

    More here if you really, really want to blend in a JPEG.

    Oh, you mean the white background? Assign a background-color to the body tag in that frame.
     
  3. Sean7512 thread starter macrumors 6502a

    Joined:
    Jun 8, 2005
    #3
    Well, yes for the Mac version of IE, but also at the bottom where it says the affiliated information, the background pic is not present.

    f you use IE in Windows, the menu is all smashed up to the left, and is not spread out across the screen. IE for Windows also has the same two issues as IE for Mac...Well, I'll do what you suggested and see what happens, thanks!
     
  4. tuartboy macrumors 6502a

    tuartboy

    Joined:
    May 10, 2005
    #4
    Just a warning: pngs require a directx hack on IE6 to allow for transparency. If you are going to use a png with that background, you will want to avoid transparency if at all possible.
     
  5. iMeowbot macrumors G3

    iMeowbot

    Joined:
    Aug 30, 2003
    #5
    That bit comes from mixing legacy HTML and CSS. Instead of

    <tr background="images/border.jpg">

    use

    <tr style="background-image:url(images/border.jpg)">

    (but you'll probably want to tuck the style stuff away in your styles.css).


    I haven't looked at this on Windows yet, so I don't have an answer for the squishy menu bit.
     
  6. iMeowbot macrumors G3

    iMeowbot

    Joined:
    Aug 30, 2003
    #6
    Okay, I found the squished menu problem. You have a couple instances of <foo width="100"> in there that should be <foo width="100%">. Change those and IE6 will draw the menu flat.

    When you get time, you may want to reconcile that formatting so that it's all CSS, since you're already using it partially. With attributes scattered into the different methods, it can be hard to track down what is doing things.
     
  7. Sean7512 thread starter macrumors 6502a

    Joined:
    Jun 8, 2005
    #7

    THANK YOU! It works perfectly now. I am trying to learn how to replace tables with CSS.....it is very time consuming esp with School, College Ice Hockey, Girlfriend, and making these movies...I will get to it, someday...:eek:
     

Share This Page