IE7 div floating bug

Posted by Michael Frey on Stack Overflow See other posts from Stack Overflow or by Michael Frey
Published on 2010-04-08T10:07:26Z Indexed on 2010/04/08 10:13 UTC
Read the original article Hit count: 296

Filed under:

floating

|

ie6-ie7-bug

|

alignment

I have the following

<div id="border" style="width:100%; border:8px solid #FFF">
    <div id="menu" style="width:250px; float:left;" >
        Some menu
    </div>
    <div id="content" style="padding-left:270px; width:520px;" >
        Main page content
    </div>
</div>

This gives me a left aligned menu and the content to the right of it, all surrounded by a border.

On all browsers including IE8 it displays correctly.

But on IE7 the content only starts below the menu, and leaves a big open space to the right of the menu.

I have searched all kind of solutions and tried all kinds of combinations of right, left, none for float. clearing left right both. It always displays different on the browsers.

Any help is appreciated. Michael

© Stack Overflow or respective owner

Related posts about floating

expand floating object when floating object within expands

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys, quick question, I have a link when clicked drops down a list. This list is floated to the right to position it properly. This list is in another box that has been floated. My problem is that when the list expands, the box does not and the list comes out of the container box, unless the list… >>> More
.htaccess file size causes 500 Internal Server Error

as seen on Pro Webmasters - Search for 'Pro Webmasters'
As soon as my .htaccess goes over approx 8410 bytes, I get a 500 Internal Server Error. I don't think this is due to a bad redirect, as I have experimented with redirects in the .htaccess and then with just text that is commented out #. (no actual commands in the .htaccess file) Is there anything… >>> More
Why are floating point values so prolific?

as seen on Stack Overflow - Search for 'Stack Overflow'
So, title says it all. Why are floating point values so prolific in computer programming. Due to problems like rounding errors, and not being able to even accurately represent numbers such as 0.1, I really can't see how they got as far as they did. I understand that the computation is faster… >>> More
What is a Bias Value of Floating Point Numbers?

as seen on Stack Overflow - Search for 'Stack Overflow'
In learning how floating point numbers are represented in computers I have come across the term "bias value" that I do not quite understand. The bias value in floating point numbers has to do with the negative and positiveness of the exponent part of a floating point number. The bias value of a… >>> More
Displaying Multimedia Content In A Floating Window Using FancyBox

as seen on Internet.com - Search for 'Internet.com'
This ASP.NET tutorial, by Scott Mitchell, examines FancyBox, a free tool for displaying images and other multimedia content in a window that floats on top of the web page. >>> More

Related posts about ie6-ie7-bug

IE7 Internet Explorer cannot open the internet site, operation aborted

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, when i test this page http://www.catalogues4u.com.au/ViewCategory.aspx?catID=119 im getting the above error. to replicate this issue visit the above page in ie7 and you will get the prompt. i did some search but couldnt find a way to resolve this issue. any help is apprecated. THanks, Aneef >>> More
Cufon text z-index (IE6 and IE7 stylish select box bug)

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I'm replacing some text with cufon on my page and I'm using jquery stylish select box plugin (http://www.scottdarby.com/plugins/stylish-select/0.4/) to style select boxes. The problem is that, in IE6 and IE7, select box goes under the cufonized text. (the select box is actually an <ul>)… >>> More
jQuery Cycle plugin IE6/7 issues

as seen on Stack Overflow - Search for 'Stack Overflow'
I've implemented a slideshow using the Cycle plugin, which is working in all browsers except IE6&7, where the images just show up in a list, and the #page_copy div is not hiding. I've been going through the code all day without any luck, and not exactly sure how or what I should be looking for… >>> More
IE7 Image float bug.

as seen on Stack Overflow - Search for 'Stack Overflow'
http://wilwaldon.com/ie7bug/test1.php Notice the middle column, the images are supposed to float left, they do in every browser but IE7. I've never encountered this problem before and have no idea what's going on with it. Any ideas that would point me in the right direction would be greatly appreciated… >>> More
jQuery validations not working in IE 7?

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a problem. The client is claiming that a prize signup form I built for them is not working in IE 7. It works in IE 8 just fine which they agree about, but in IE 7 it doesn't. (luckily they don't care about IE 6). I was hoping someone could help me debug it since I don't have access to a machine… >>> More