Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

body of site drops down in IE

Posted on 2011-03-08
5
Medium Priority
?
288 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

TCP/IP Network Protocol Cheat Sheet

TCP/IP is a set of network protocols which is best known for connecting the machines that make up the Internet. The truth is that TCP/IP is one of the oldest network protocols and its survival is mainly based on its simplicity and universality.

Question has a verified solution.

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

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…
Ready to get certified? Check out some courses that help you prepare for third-party exams.
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.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
Suggested Courses

661 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