[DieuxSoldat_04]

Hey guys,

I am creating a site, JxH Network, and I am having a problem with Internet Explorer. I wanted a liquid background for the side column on the right so I created 3 div ID's to do so. I made a Top, Center and Bottom style properties as such:

#sideTop {
	clear: both;
	background-image:url(../images/nav_top.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 89px;
	}
#sideBox {
	background-image:url(../images/nav_mid.png);
	background-repeat: repeat-y;
	}
#sideBot {
	clear: both;
	background-image:url(../images/nav_bot.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 10px;
	margin: 0 0 11px;
	}

Then to make the content actually align to the top I changed the content as such:

#navContent {
	padding: 3px 0 0 6px;
	margin: -89px 0 0;
	}

Now when someone uses IE to look at it, the #sideTop background image is cut off and in the footer, the dash lines made by CSS aren't there as well. Can someone help me make the design functional in IE? I vaguely remember a IE hack script for CSS but I haven't used it since IE 6.

Any advice or help is greatly appreciated.

Warm Regards,
Jason Xiao

[plaodj]

ad.

i was used IE8 Final version to view your site it looks naturally

[DieuxSoldat_04]

Thanks for the reply, that helped me nail it down to a IE 7 and below problem. I don't have IE 8 heh.

Also, thanks for the compliment!

Anyone able to help me with this?

- Jason Xiao

[plaodj]

Originally Posted by DieuxSoldat_04

Thanks for the reply, that helped me nail it down to a IE 7 and below problem. I don't have IE 8 heh.

Also, thanks for the compliment!

Anyone able to help me with this?

- Jason Xiao

i have ie6 it's in my VMWARE.

so may be you can try this software IETester

IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8 RC1, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process. ......

link:http://www.my-debugbar.com/wiki/IETester/HomePage

[Magical Trevor]

Your code is chock full of validation errors. I've found that tweaking for IE6 compatibility is a breeze once all the code is valid.

Just go to the Validator (validator [dot] w3 [dot] org) and type your URL and you'll see all the errors.

[DieuxSoldat_04]

Hey,

Thanks for the IETester suggestion.

I understand tweaking compatibility would be more difficult with coding errors but can someone point me in the right direction? Just a bit of information to help me make this design function on all versions of IE6+?

Warm Regards,
Jason Xiao

[DieuxSoldat_04]

Eons later. bump =^.^=