MantisBT - NetSurf
View Issue Details
0002051NetSurfLayoutpublic2014-01-02 11:562014-01-04 15:15
Assigned To 
PlatformOSOS Version
Product Version3.0 
Target VersionFixed in Version 
Fixed in CI build #
Reported in CI build #1566
URL of problem page
Summary0002051: Why the raspberry pi forum looks ugly?
Description doesn't look good. At least 1024x768.
Why? Is the css complicated there, or javascript?
TagsNo tags attached.
duplicate of 0001909confirmed  CSS pseudo-classes 
Attached Filespng rpi-forum-chrome.png (100,218) 2014-01-02 23:32

png rpi-forum-ns.png (120,072) 2014-01-02 23:32

Vincent Sanders   
2014-01-02 23:47   
I added screenshots of this being wrong in netsurf, looks like h2 is not clearing properly?
Michael Drake   
2014-01-03 16:50   
The forum index table isn't a table it's a bunch of lists, with list items for rows, and dl/dt/dds for cells. The cells are floated.

The layout problem is caused by the list items (rows of the "table") having css like this:

li.row:after {
  clear: both;

We are failing to clear the rows, which makes us fail to force cells into the new row.

This is because we don't support the before/after pseudo elements correctly.
Rob Kendrick   
2014-01-04 15:14   
Marked as a duplicate of 0001909, which is the feature bug for pseudo elements.

Issue History
2014-01-02 11:56pitupituNew Issue
2014-01-02 23:32Vincent SandersFile Added: rpi-forum-chrome.png
2014-01-02 23:32Vincent SandersFile Added: rpi-forum-ns.png
2014-01-02 23:47Vincent SandersReported in CI build # => 1566
2014-01-02 23:47Vincent SandersURL of problem page =>
2014-01-02 23:47Vincent SandersNote Added: 0000141
2014-01-02 23:47Vincent SandersPrioritylow => normal
2014-01-02 23:47Vincent SandersStatusnew => confirmed
2014-01-02 23:47Vincent SandersCategoryGeneral => Layout
2014-01-03 16:50Michael DrakeNote Added: 0000147
2014-01-04 15:13Rob KendrickRelationship addedduplicate of 0001909
2014-01-04 15:14Rob KendrickNote Added: 0000150
2014-01-04 15:15Rob KendrickStatusconfirmed => closed
2014-01-04 15:15Rob KendrickResolutionopen => duplicate