IE Help Needed, Please!!

[Sean7512]

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!!

 

[iMeowbot]

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!!

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.

will not render correctly on IE (Mac or Windows), why is this??

Oh, you mean the white background? Assign a background-color to the body tag in that frame.

 

[Sean7512]

Oh, you mean the white background? Assign a background-color to the body tag in that frame.

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!

 

[tuartboy]

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.

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.

 

[iMeowbot]

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.

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).

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!

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

 

[iMeowbot]

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.

 

[Sean7512]

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.

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...