• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 570
  • Last Modified:

Different layout in Internet and Firefox

Hi!

I have a website and the layout is not the same in IE and Firefox.
The result in Firefox is what I want, but in IE it's totally different.

There are 4 DIVs and this is the CSS:

.left1{
   float: left;
   clear: left;
   width: 670px;
   height: auto;
}

.left2{
   float: left;
   clear: left;
   width: 670px;
   height: auto;
   margin-top: 15px;
}

.right{
   float: right;
   clear: right;
   width: 300px;
   height: auto;
}

Open in new window


Layout in FIrefox
Layout in IE
0
calypsoworld
Asked:
calypsoworld
3 Solutions
 
Dave BaldwinFixer of ProblemsCommented:
Make the left divs 660px and see if it works.  You could also give the body a margin of 0.
0
 
nanharbisonCommented:
You need to read this article because this is ALWAYS going to be a problem with IE.I create conditional style sheets for IE after I have the pages looking perfect in FF.
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
0
 
myderrickCommented:
Let me ask. What is the total width of the main container that has these three divs?

One of the reasons IE will behave like above is when the widths of the div is a little wider than the container width. You can try reducing the right divs width or use the simple IE specific width element "_width".

This will be read by only IE.

Please do post back

MD
0
 
calypsoworldAuthor Commented:
The inside divs was a little bigger than the container.

Thank you!
0
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

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.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now