Solved

Why does content get pushed down in IE

Posted on 2011-03-22
7
278 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
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 

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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Read about why website design really matters in today's demanding market.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to dynamically set the form action using jQuery.

777 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