Solved

Why does content get pushed down in IE

Posted on 2011-03-22
7
281 Views
Last Modified: 2012-06-21
Site works good in all browsers but that dang IE.  Why does content get pushed down about 3 inches?

http://nsitedesigns.com/nsitedesigns/johnstons/index.html
http://nsitedesigns.com/nsitedesigns/johnstons/johnstons.css
0
Comment
Question by:nsitedesigns
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
7 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 35192615
Looks identical to me in Firefox 3.6.15 and IE8.  Which version of IE are you using?
0
 

Author Comment

by:nsitedesigns
ID: 35192648
IE 7.  Happens to both me and client.
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 35193223
Try increasing the overall width a little.  Maybe 840px and see what happens.
0
Stressed Out?

Watch some penguins on the livecam!

 

Author Comment

by:nsitedesigns
ID: 35193293
That fixed it but it also gave me a white margin on the left so i went in and decreased width of main content area.

Thanks
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 35193507
IE7 and IE6 seem to have a little extra margin that affects precise layouts.  Also, I wouldn't put anything in my code for IE5.  According to this page http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2 , it must be less than 0.06% of the users.  Thanks for the points.

And the code below is not valid in your CSS file.  The only place that IE looks for the conditional statments is in the main HTML file.
--> 
</style><!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 0px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->

Open in new window

0
 

Author Comment

by:nsitedesigns
ID: 35193547
Thanks for the tip.  
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 35193585
You're welcome.
0

Featured Post

Stressed Out?

Watch some penguins on the livecam!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

695 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question