overflow: (Re: HTML for KMail ...)

Jos van den Oever oever at fenk.wau.nl
Thu Jul 18 21:22:49 BST 2002


On Thursday 18 July 2002 16:44, Martijn Klingens wrote:
> On Thursday 18 July 2002 16:29, Vadim Plessky wrote:
> > ok, you have got me :-)
>
> phew ;-)
>

Hello Vadim and Martijn,

Allow me to interrupt/rekindle your nice discussion.
With respect to the width="100%" property for table cells, the css2 
specification is clear:

> The width of the table is then the greater of the value of the 'width'
> property for the table element and the sum of the column widths (plus cell
> spacing or borders). If the table is wider than the columns, the extra space
> should be distributed over the columns.

So a cell with width="100%" should have 100% of the available width in it's 
parent, the row. So the code in KMail should give a table wider than the 
viewport.

While css does not have the great flexibility of QSizePolicy, it is possible 
to obtain the obtain the desired effect with css. I've done this in two ways, 
one that will agree with Martijn and one that Vadim will like. I think the 
XML way is nicest, since it does not need the <table> tag, it is implied by 
rule 3 for anymous table objects. Just look at the code and the specs and you 
will know what I mean.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.    
dtd">
<html>
<head>
<title>KMail headers</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
 div.header {
  border: 1px solid black;
 }
 div.subject {
  font-weight: bold;
  border-bottom: 1px solid black;
  background-color: darkblue;
  color: white;
  padding: 5px;
 }
 th {
  text-align: left;
 }
 div.tr {
  display: table-row;
 }
 div.th {
  display: table-cell;
  font-weight: bold;
  padding: 2px;
 }
 div.td {
  display: table-cell;
  padding: 2px;
 }
</style>
</head>
<body>
<h1>The gospel according to Martijn</h1>
<div class="header">
 <div class="subject">
  Re: HTML for KMail [Re: khtml and table widths]
 </div>
<table>
 <tr>
  <th>From:</th><td>Martijn Klingens <klingens at kde.org></td>
 </tr>
 <tr>
  <th>To:</th><td>kfm-devel at kde.org</td>
 </tr>
 <tr>
  <th>Date:</th><td>Thu, 18 Jul 2002 15:23:32 +0200</td>
 </tr>
</table>
</div>
<h1>The gospel according to Vadim</h1>
<div class="header">
 <div class="subject">
  Re: HTML for KMail [Re: khtml and table widths]
 </div>
<div class="table">
 <div class="tr">
  <div class="th">From:</div><div class="td">Vadim Plessky 
<lucy-ples at mtu-net.ru></div>
  </div>
  <div class="tr">
   <div class="th">To:</div><div class="td">kfm-devel at kde.org</div>
  </div>
  <div class="tr">
   <div class="th">Date:</div><div class="td">Thu, 18 Jul 2002 15:23:32 
+0200</ div>
  </div>
 </div>
</div>
</body>
</html>





More information about the kfm-devel mailing list