Solved

Why does content get pushed down in IE

Posted on 2011-03-22
7
280 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
  • 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
Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

 

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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime is disastrous for companies and can lead to major hits on a brand, reputation, an…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

696 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