[Date Prev][Date Next] [Thread Prev][Thread Next] [Date Index] [Thread Index]

Bug#357017: Nonstandard rendering of floats

Package: konqueror
Version: 4:3.3.2-1sarge1

Test Case:

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>

<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">

<head>
  <title>
    Faulty Float
  </title>
  <style>
    body, div {
      color: white;
      background: black;
    }
    div.box1 {
      color: black;
      background: white;
      width:200px;
      height:100px;
    }
    div.box2 {
      color: black;
      background: silver;
      float: right;
      width:100px;
      height:75px;
    }
    div.box3 {
      color: black;
      background: grey;
      float: right;
      width:150px;
      height:50px;
    }
  </style>
</head>

<body>
  <div class="box1">
    <div class="box2">
      <div class="box3">
        &nbsp;
      </div>
    </div>
  </div>
</body>

</html>

Expected result: all three boxes should share the same top and right
edges (cf. CSS 2.1, 9.5.1: The left outer edge of a left-floating box may
not be to the left of the left edge of its containing block. An analogous
rule holds for right-floating elements.), in konqueror they don't.
Firefox does this correctly.

Cheers, Jens

p.s. WHY does one want to do this: consider a colored background that
should not "cover" the whole float.
Reply to: