<div dir="ltr"><div>Hi David, <br><br>I quickly investigate the code on Firefox.<br> I guess self-closing div (<div />) might be the cause.<br></div><div>At least it looks working fine on Firefox.<br></div><div><br></div>Here's diff:<br><br>diff --git a/about.html b/about.html<br>index 0d5b31a..a793779 100644<br>--- a/about.html<br>+++ b/about.html<br>@@ -20,9 +20,8 @@<br> <br> <body><br> <div id="header"><br>- <div id="headerL"/><br>- <div id="headerR"/><br>-<br>+ <div id="headerL"></div><br>+ <div id="headerR"><br> <div id="title"><br> Konqueror <!-- Konqueror --><br> </div><br>@@ -31,10 +30,11 @@<br> Be free. <!-- Be free --><br> </div><br> </div><br>+ </div><br> <br> <!-- the bar --><br> <div id="bar"><br>- <div id="barT"><div id="barTL"/><div id="barTR"/><div id="barTC"/></div><br>+ <div id="barT"><div id="barTL"></div><div id="barTR"></div><div id="barTC"></div></div><br> <div id="barL"><br> <div id="barR"><br> <div id="barCenter" class="bar_text"><br>@@ -49,12 +49,11 @@<br> </div><br> </div><br> </div><br>- <div id="barB"><div id="barBL"/><div id="barBR"/><div id="barBC"/></div><br>+ <div id="barB"><div id="barBL"></div><div id="barBR"></div><div id="barBC"></div></div><br> </div><br> <br> <!-- the main text box --><br>- <div id="box"><br>- <div id="boxT"><div id="boxTL"/><div id="boxTR"/><div id="boxTC"/></div><br>+ <div id="box"><div id="boxT"><div id="boxTL"></div><div id="boxTR"></div><div id="boxTC"></div></div><br> <div id="boxL"><br> <div id="boxR"><br> <div id="boxCenter"><br>@@ -98,10 +97,10 @@<br> </div><br> </div><br> </div><br>- <div id="boxB"><div id="boxBL"/><div id="boxBR"/><div id="boxBC"/></div><br>+ <div id="boxB"><div id="boxBL"></div><div id="boxBR"></div><div id="boxBC"></div></div><br> </div><br> <br>- <div id="footer"><div id="footerL"/><div id="footerR"/></div><br>+ <div id="footer"><div id="footerL"></div><div id="footerR"></div></div><br> </body><br> </html><br> <!-- vim:set sw=2 et nocindent smartindent: --><br><br><div><div><div>Best,<br></div><div>Jumpei<br><br></div><div><div class="gmail_quote"><div dir="ltr">On Mon, Jul 10, 2017, 18:12 David Faure <<a href="mailto:faure@kde.org" target="_blank">faure@kde.org</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hello there,<br>
<br>
I'm porting the Konqueror about page from KHTML to WebEngine,<br>
and it turns out that the same CSS/HTML doesn't render the same in both<br>
engines.<br>
<br>
In WebEngine (and Firefox, for that matter) it's all squished to the left of<br>
the page.<br>
<br>
Can someone with CSS/HTML knowledge send me a modified version of the attached<br>
files so that they render correctly in e.g. Chromium ?<br>
(then it should be fine for konqueror+webengine as well)<br>
<br>
You'll have to adjust the paths to the CSS files in the HTML file of course<br>
(and the paths to the icons, but that's not really the issue).<br>
<br>
Thanks - please CC me, I don't read kde-devel@ or kde-www@.<br>
<br>
--<br>
David Faure, <a href="mailto:faure@kde.org" target="_blank">faure@kde.org</a>, <a href="http://www.davidfaure.fr" rel="noreferrer" target="_blank">http://www.davidfaure.fr</a><br>
Working on KDE Frameworks 5<br>
</blockquote></div></div></div></div></div>