Hey all, I've been working on this project for a little bit now using Firefox (for some reason, IE has stopped working all together on my computer, not that I really care), but I have a deadline that is closing in on me very fast and I just CAN'T get the site working in IE.

It works in Safari, Opera, Firefox, you name it.... but not IE...

I've tried many things, but I feel like I am running out of options, and I REALLY need to meet the deadline. Any help would be GREATLY appreciated.

Here is the link:
http://www.normangarage.com/ij

Thanks again

Originally Posted by Superb

I'm currently at work and it's loading through IE no problem. Saying that though, most of the page is White, whether it's to be like that.....

The only thing I can suggest is to reinstall IE from Add/Remove Programs, Windows Components. Failing that I would download the latest version from Microsoft Update.

I think IE will offer the option of repair the installation from the add/remove programs menu.

Yeah, it technically works in IE, but it displays that white space... the float is causing my other block to be pushed downward, and I just can't figure out why...

Hey keep trying, good luck!

Originally Posted by nschmoyer

Yeah, it technically works in IE, but it displays that white space... the float is causing my other block to be pushed downward, and I just can't figure out why...

I am fairly sure that the problem is with your stylesheet. I don't know enough to tell you what to do but I think you want to use absolute not relative references. I would suggest that you make it perfect fot IE and if it breaks in the others so be it. Go for the larger market share.

try asking this again in in the CSS sub forum if you don't get a clear answer here.

body
{
width: 850px;
margin: auto;
}


div#header
{
height: 100%;
width: 840px;
padding-right: 6px; //why did i put this here?? 4.22.06
}
div#header img
{
border: 0;
}

div#bar
{
height: 21px;
width: 840px;
padding: 3px;
background-color: #00397b;
color: White;
font: 16px Bitstream Vera Sans;
border-top: 4px solid #336699;
}
div#content
{
display: block;
float: left;
// margin: 0;
height: auto;
min-height: 500px;
width: 150px;
background: #00397b url('images/content-bg.png') no-repeat;
padding: 5px;
font: 14px Bitstream Vera Sans;
border-right: 4px solid #00397b;
border-left: 4px solid #00397b;
}

div#main
{
margin-top: 12px;
margin-left: 165px;
padding: 1em;
width: 650px;
text-align: left;
font: 14px Arial;
}
div#footer
{
clear: both;
height: 21px;
width: 850px;
padding: 3px;
background-color: #00397b;
color: White;
font: 16px Bitstream Vera Sans;
text-align: right;
border-bottom: 4px solid #336699;
}
div#article
{
width: 305px;
height: auto;
border: 1px dashed #000;
font: 13px Times New Roman;
text-align: justify;
padding: 5px;
}
div#article img
{
position: relative;
top: -5px;
left: 5px;
}
div#articleRight
{
width: 305px;
height: auto;
border: 1px dashed #000;
font: 13px Times New Roman;
padding: 5px;
float: right;
}
.bordered
{
width: 90%;
border: 1px dashed #336699;
margin: 5px;
margin-top: 20px;
padding: 5px;
font: 12px Bitstream Vera Sans;
}
h1
{
width: 100%;
padding: 5px;
background-color: #e62f04;
font: bold 22px Bitstream Vera Sans;
color: #fff;
position: relative;
left: -5px;
}
/*
* This is the gradient blue large heading.
*/
h2
{
width: 610px;
padding: 5px;
// margin: auto;
background: #fff url('images/heading-bg.png') no-repeat;
font: bold 22px Bitstream Vera Sans;
color: #fff;
}
/*
* This is the small-sized red heading.
*/
h3
{
width: 100%;
margin: auto;
padding: 5px;
position: relative;
left: -5px;
top: -5px;
/* padding-left: 3px; */
background: #fff url('images/red-bg.png') no-repeat;
font: bold 14px Bitstream Vera Sans;
color: #fff;
}
/*
* This is used for "Last updated on...."
*/
h4
{
width: 100%;
margin: auto;
padding: 5px;
position: relative;
left: -5px;
top: -5px;
font: 12px Bitstream Vera Sans;
color: #000;
background-color: #ccc;
}
hr
{
width: 100%;
border: 1px solid #00397b;
}
ul
{
list-style-type: disc;
line-height: 20px;
}
.rightImg
{
display: inline;
float: right;
margin-left: 15px;
}
a:link, a:visited
{
color: #fff;
text-decoration: none;
}
a:hover, a:active
{
color: #fff;
text-decoration: underline;
}