Improve company productivity with a Business Account.Sign Up

x
?
Solved

body of site drops down in IE

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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Now many of you may wonder how you can reach great design with least number of essentials. Isn’t stuffing ‘more and more number of elements that speak for the purpose’ the right way to do it? Erm, not always, and in this write-up, you will see why.
Although a new technology, ReactJs offers multiple benefits to the website owners when it comes to creating interactive websites. Know what aspects make React Js one of the most popular frameworks for building websites.
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…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

601 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