Solved

body of site drops down in IE

Posted on 2011-03-08
5
284 Views
Last Modified: 2012-05-11
Clients wants simple "coming soon" page.  Why does the copy bump down below the lady on the left in IE?  There is plenty of room to fit.

http://nsitedesigns.com/nsitedesigns/uli/test.html

mockup screenshot
http://screencast.com/t/JFv3Bc1y
0
Comment
Question by:nsitedesigns
  • 3
  • 2
5 Comments
 
LVL 9

Accepted Solution

by:
CCSOFlag earned 500 total points
ID: 35073650
it's because of your margins for your .twoColFixLt #mainContent css rules.  IE automatically puts elements on a new line if they don't fit in the width specified.
0
 
LVL 9

Assisted Solution

by:CCSOFlag
CCSOFlag earned 500 total points
ID: 35073811
try making the left margin 0px and then removing the specified width of that div.  the problem is a margin is added to a div's width.  You have specified a width for the containing div, so it is trying to fit it all int here but failing miserably.  
0
 

Author Comment

by:nsitedesigns
ID: 35075018
I implemented your solution but then was having problems with the lady image breaking by the finger tips.  I made it one image and removed all "border" lines but that leads to another problem.  I will award you points on this one.  Look for another post on this site.
0
 
LVL 9

Expert Comment

by:CCSOFlag
ID: 35075329
are the changes implemented now?  It appears it's all lined up in Firefox.  IE is still broken pushing it down.  Try removing the right margin as well and see if it fixes it in IE.
0
 

Author Closing Comment

by:nsitedesigns
ID: 35128390
I redid "lady" image so it is one image and then I don't have to worry about fingers not lining up with body.  I implemented your changes and that seemed to work.  Thank you.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.

785 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