Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

body of site drops down in IE

Posted on 2011-03-08
5
Medium Priority
?
290 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 2000 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 2000 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

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Question has a verified solution.

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

Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
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.
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).
Suggested Courses

972 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