Solved

body of site drops down in IE

Posted on 2011-03-08
5
285 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

Active Directory Webinar

We all know we need to protect and secure our privileges, but where to start? Join Experts Exchange and ManageEngine on Tuesday, April 11, 2017 10:00 AM PDT to learn how to track and secure privileged users in Active Directory.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

820 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