|
|
Posted by Ben C on 09/06/07 20:54
On 2007-09-06, Deephay <tudoxxx@gmail.com> wrote:
> On Sep 6, 3:43 am, Ben C <spams...@spam.eggs> wrote:
[...]
>> .left
>> {
>> float: left;
>> background-color: pink;
>> width: 25%;
>> height: 300px;
>> }
>> .right
>> {
>> float: right;
>> background-color: palegreen;
>> width: 25%;
>> height: 300px;
>> }
>> .middle
>> {
>> overflow: hidden;
>> background-color: blue;
>> height: 400px;
>> }
[...]
> Another thing:
> I think Firefox does not handle CSS correctly, if you add a "width:
> 100%;" for the middle column, the middle column will overlap with the
> right float, which is not correct for that case since "overflow:
> hidden" makes the middle column established a new block formatting
> context.
You're right, it does do that, according to the spec, it is wrong. It
should move the middle one down to clear the other two in that
situation. But both Opera and Konqueror do the same thing as Firefox.
9.5:
[...]
If necessary, implementations should clear the said element by placing
it below any preceding floats, but may place it adjacent to such floats
if there is sufficient space.
But no-one actually does that.
Navigation:
[Reply to this message]
|