Solved

Different layout in Internet and Firefox

Posted on 2010-08-22
4
561 Views
Last Modified: 2012-08-14
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
Comment
Question by:calypsoworld
[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
4 Comments
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 167 total points
ID: 33496085
Make the left divs 660px and see if it works.  You could also give the body a margin of 0.
0
 
LVL 17

Assisted Solution

by:nanharbison
nanharbison earned 167 total points
ID: 33497433
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
 
LVL 13

Assisted Solution

by:myderrick
myderrick earned 166 total points
ID: 33506904
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
 

Author Closing Comment

by:calypsoworld
ID: 33543623
The inside divs was a little bigger than the container.

Thank you!
0

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

688 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