[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 296
  • Last Modified:

Why does content get pushed down in IE

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
nsitedesigns
Asked:
nsitedesigns
  • 4
  • 3
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
Looks identical to me in Firefox 3.6.15 and IE8.  Which version of IE are you using?
0
 
nsitedesignsAuthor Commented:
IE 7.  Happens to both me and client.
0
 
Dave BaldwinFixer of ProblemsCommented:
Try increasing the overall width a little.  Maybe 840px and see what happens.
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
nsitedesignsAuthor Commented:
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
 
Dave BaldwinFixer of ProblemsCommented:
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
 
nsitedesignsAuthor Commented:
Thanks for the tip.  
0
 
Dave BaldwinFixer of ProblemsCommented:
You're welcome.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now