IE7 Viewing Problem

The Home of the Following site works fine in FireFox, but in IE7 the lower right image get pushed below the page.

designer_sign/

I've tried some resizing things, but nothing seems to work. Any suggestions?

Try adding: align="top" to line 109 of your page code:

<div id="content"><img src="images/home_pix/bottom_img.jpg" alt="" width="665" height="302" border="0" align="top"/></div>

Originally Said By: neilo

  Try adding: align="top" to line 109 of your page code:

<div id="content"><img src="images/home_pix/bottom_img.jpg" alt="" width="665" height="302" border="0" align="top"/></div>

  

Thanks for the suggestion, I tried it, but I still have the same results.

Originally Said By: drubin312804

  Thanks for the suggestion, I tried it, but I still have the same results.  

I've also created a page called index_2.html

with no omage in the content div. As you can see in IE7 it still does not work correctly. Again FireFox is fine.

Right, in your screen.css, make your content div 660px wide instead of 665,

#outerWrapper #contentWrapper #content {
	background-image: url(../DesignerSignHomePage_HomePage1_images/home_background0.gif);
	background-repeat: no-repeat;
	margin-left: 236px;
	width: 660px;
	height: 305px;
	background-color: #4BA6DE;
}

(and you will need to resize your bottom_img.jpg image width to equal to or less than 660px too)

Originally Said By: neilo

  Right, in your screen.css, make your content div 660px wide instead of 665,

#outerWrapper #contentWrapper #content {
	background-image: url(../DesignerSignHomePage_HomePage1_images/home_background0.gif);
	background-repeat: no-repeat;
	margin-left: 236px;
	width: 660px;
	height: 305px;
	background-color: #4BA6DE;
}

(and you will need to resize your bottom_img.jpg image width to equal to or less than 660px too)  

Yep, that did the trick. Thank you very much. I have to say I love your products, but I love this support forum even more.

In IE, if the width of the containing div is too small, the contents will be pushed below. In the future, if you see inconsistencies between the browsers like this, you should check the width of the containing div. In the other browsers, it will show up the way you intended.