Note that there are some explanatory texts on larger screens.

plurals
  1. POUnexpected table output in Lotus with HTML/CSS in a rails app
    primarykey
    data
    text
    <p>I'm generating HTML tables that are meant to be sent via Lotus Notes (8.0.2) with my rails app.</p> <p>My tables are extremly simple (have a look at this fiddle) : <a href="http://jsfiddle.net/msbkk/" rel="nofollow" title="Example output">Example output</a> and render correctly into jsfiddle or into my browser.</p> <p>Here is a reduced HTML code :</p> <pre><code>&lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Example&lt;/th&gt; &lt;th&gt;1&lt;/th&gt; &lt;th&gt;3&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td class='name'&gt;Foo&lt;/td&gt; &lt;td class='number'&gt;11&lt;/td&gt; &lt;td class='number'&gt;0&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class='name'&gt;Bar&lt;/td&gt; &lt;td class='number'&gt;8&lt;/td&gt; &lt;td class='number'&gt;10&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class='name'&gt;Baz&lt;/td&gt; &lt;td class='number'&gt;4&lt;/td&gt; &lt;td class='number'&gt;-12&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; </code></pre> <p><strong>My problem</strong> : The output I get in Lotus Notes is broken. My table cells are too small and don't adapt to content's length. For example, the word 'Example' is broken like that : </p> <pre><code>Examp(new line) le </code></pre> <p>Unfortunatly, I can't upload a screenshot because my company is monitoring the uploads...</p> <p>When I remove this CSS : </p> <pre><code>th, td, tr, table { border: 1px solid #000000; } </code></pre> <p>the problem disapears <strong>but</strong> I don't have my mandatory borders anymore!</p> <p>I think Lotus might be using a very old version of html/css interpreter. Do you know how I can bypass this behaviour?</p> <p>Thanks in advance.</p> <h2>Edit :</h2> <p>I duct-taped the problem by adding some <code>&amp;nbsp;</code> into the <code>th</code> elements. But this is far from an elegant solution...</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload