Need HTML/CSS help for Konqueror's about page

Mon Jul 10 11:25:52 UTC 2017

Hi David,

I quickly investigate the code on Firefox.
I guess self-closing div (<div />) might be the cause.
At least it looks working fine on Firefox.

Here's diff:

diff --git a/about.html b/about.html
index 0d5b31a..a793779 100644
--- a/about.html
+++ b/about.html
@@ -20,9 +20,8 @@

 <body>
   <div id="header">
-    <div id="headerL"/>
-    <div id="headerR"/>
-
+    <div id="headerL"></div>
+    <div id="headerR">
       <div id="title">
         Konqueror <!-- Konqueror -->
       </div>
@@ -31,10 +30,11 @@
         Be free. <!-- Be free -->
       </div>
     </div>
+  </div>

   <!-- the bar -->
   <div id="bar">
-    <div id="barT"><div id="barTL"/><div id="barTR"/><div
id="barTC"/></div>
+    <div id="barT"><div id="barTL"></div><div id="barTR"></div><div
id="barTC"></div></div>
     <div id="barL">
       <div id="barR">
         <div id="barCenter" class="bar_text">
@@ -49,12 +49,11 @@
         </div>
       </div>
     </div>
-    <div id="barB"><div id="barBL"/><div id="barBR"/><div
id="barBC"/></div>
+    <div id="barB"><div id="barBL"></div><div id="barBR"></div><div
id="barBC"></div></div>
   </div>

   <!-- the main text box -->
-  <div id="box">
-    <div id="boxT"><div id="boxTL"/><div id="boxTR"/><div
id="boxTC"/></div>
+  <div id="box"><div id="boxT"><div id="boxTL"></div><div
id="boxTR"></div><div id="boxTC"></div></div>
     <div id="boxL">
       <div id="boxR">
         <div id="boxCenter">
@@ -98,10 +97,10 @@
         </div>
       </div>
     </div>
-    <div id="boxB"><div id="boxBL"/><div id="boxBR"/><div
id="boxBC"/></div>
+    <div id="boxB"><div id="boxBL"></div><div id="boxBR"></div><div
id="boxBC"></div></div>
   </div>

-  <div id="footer"><div id="footerL"/><div id="footerR"/></div>
+  <div id="footer"><div id="footerL"></div><div id="footerR"></div></div>
 </body>
 </html>
 <!-- vim:set sw=2 et nocindent smartindent: -->

Best,
Jumpei

On Mon, Jul 10, 2017, 18:12 David Faure <faure at kde.org> wrote:

> Hello there,
>
> I'm porting the Konqueror about page from KHTML to WebEngine,
> and it turns out that the same CSS/HTML doesn't render the same in both
> engines.
>
> In WebEngine (and Firefox, for that matter) it's all squished to the left
> of
> the page.
>
> Can someone with CSS/HTML knowledge send me a modified version of the
> attached
> files so that they render correctly in e.g. Chromium ?
> (then it should be fine for konqueror+webengine as well)
>
> You'll have to adjust the paths to the CSS files in the HTML file of course
> (and the paths to the icons, but that's not really the issue).
>
> Thanks - please CC me, I don't read kde-devel@ or kde-www at .
>
> --
> David Faure, faure at kde.org, http://www.davidfaure.fr
> Working on KDE Frameworks 5
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.kde.org/pipermail/kde-www/attachments/20170710/b826613e/attachment.html>
