Solved

Why does content get pushed down in IE

Posted on 2011-03-22
7
273 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 82

Expert Comment

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

Author Comment

by:nsitedesigns
Comment Utility
IE 7.  Happens to both me and client.
0
 
LVL 82

Accepted Solution

by:
Dave Baldwin earned 500 total points
Comment Utility
Try increasing the overall width a little.  Maybe 840px and see what happens.
0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 

Author Comment

by:nsitedesigns
Comment Utility
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 82

Expert Comment

by:Dave Baldwin
Comment Utility
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
Comment Utility
Thanks for the tip.  
0
 
LVL 82

Expert Comment

by:Dave Baldwin
Comment Utility
You're welcome.
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Deprecated and Headed for the Dustbin By now, you have probably heard that some PHP features, while convenient, can also cause PHP security problems.  This article discusses one of those, called register_globals.  It is a thing you do not want.  …
Read about why website design really matters in today's demanding market.
Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…

771 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now