473,326 Members | 2,095 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,326 software developers and data experts.

Re: Another float/clear bug in IE 6+?

Elias <th**********@gmail.comwrites:
<snip>
>Â*Elias <thegreatp...@gmail.comwrote:
I am attempting to float a number of div elements side by side, whilst
allowing multiple rows to form when there is not sufficient horizontal
space.
<snip>
A demonstration (generally available daytime UTC):
http://styx.corner.no-ip.com/test/float.html
<snip>
Consider the 9 rules governing the behaviour of floats, in the CSS 2.1
specification: http://www.w3.org/TR/CSS21/visuren.html#propdef-float
In my opinion, Internet Explorer is directly violating rule #5, by
placing the outer top of div 3 above the outer top of div 2. IE seems
to obey rules 8 and 9 - that higher placement is preferred - whilst
not observing #5 (though they are not mutually exclusive, as proved by
the other browsers!).
As you say it seems quite clear-cut that rule 5 is being violated.
Can you change the source? All is well if divs 2 and 3 are put into
another one and the clear property is applied to that containing div.

--
Ben.
Aug 3 '08 #1
1 2090
On 3 Aug, 14:36, Ben Bacarisse <ben.use...@bsb.me.ukwrote:
Elias <thegreatp...@gmail.comwrites:

<snip>
*Elias <thegreatp...@gmail.comwrote:
I am attempting to float a number of div elements side by side, whilst
allowing multiple rows to form when there is not sufficient horizontal
space.
<snip>
A demonstration (generally available daytime UTC):
http://styx.corner.no-ip.com/test/float.html
<snip>
Consider the 9 rules governing the behaviour of floats, in the CSS 2.1
specification:http://www.w3.org/TR/CSS21/visuren.html#propdef-float
In my opinion, Internet Explorer is directly violating rule #5, by
placing the outer top of div 3 above the outer top of div 2. IE seems
to obey rules 8 and 9 - that higher placement is preferred - whilst
not observing #5 (though they are not mutually exclusive, as proved by
the other browsers!).

As you say it seems quite clear-cut that rule 5 is being violated.
Can you change the source? *All is well if divs 2 and 3 are put into
another one and the clear property is applied to that containing div.

--
Ben.
I ended up removing the clear style from div 2 and introduced a zero
size div with the clear style, right after number two. Hoped to avoid
this, but alas!
Thanx for verifying my suspicions!
Aug 3 '08 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Florian Brucker | last post by:
Hi! I've got a problem with float & clear. Take this example code: <div style=" width:100px; height:100px; background-color:#FF0000; float:left; margin:10px;"></div> <span...
5
by: Chris Beall | last post by:
See http://pages.prodigy.net/chris_beall/BeallSprings/WC.Deed%20GG.116-17.html using the CSS at http://pages.prodigy.net/chris_beall/BeallSprings/BSstyle.css The page is a transcript of a...
10
by: Jesper Rønn-Jensen | last post by:
Hope you can help me out on this one. I have a a box that is floated right. Below (in the normal float) I have a wide table. <body> <div style="float:right; width:200px">...</div> <p>This...
2
by: Dr. Richard E. Hawkins | last post by:
I've googled around, and asked everyone I know, but I still can't find any reference to anyone else having faced this particular IE bug with floats. I've put a page at...
9
by: leegold | last post by:
Why does float:right cause a line break? Try the code below. Is there a fix? I want the link on the same line as the text. Thanks <html> <head> <STYLE> span.linkpos { float:right; clear:...
7
by: Gnolen | last post by:
Hi, I have a problem with float in firefox/mozilla, the 'ads'-div doesn't resize on the height with the 'ads_left' and 'ads_right'. In IE there is no problem but in FF there is. The 'ads'-div do...
1
by: Pau Roldan | last post by:
Hi, sorry if this has been asked previously, but I couldn't find a suitable answer in previous posts. Here is a sample page illustrating the problem:...
4
by: Chris Sharman | last post by:
I've a very simple page (intranet, but moved to http://services.ccagroup.co.uk/dtest.html for you - so the links are all broken). essentially it's just a list of links. I've split it into two...
2
by: krsgoss | last post by:
I'm trying to do a two column "form" layout based on article here: http://www.alistapart.com/stories/practicalcss/ The idea is to have a label, and a value using definition list markup. I...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.