File:Wikitable overlapping HTML table.png

Wikitable overlapping HTML table

I created this work entirely by myself to demonstrate an existing problem with older Mozilla browsers (such as Firefox 2.0 or Netscape) when they render mediawiki-generated html. I used Firefox 2.0 on Vista and wikipedia to render the following wiki markup:

<table style="float:right; border:2px solid;">
<th>In Firefox and Mozilla this HTML header text will be overlapped by the left hand wikitable</th>
<tr><td>list1 text</td></tr><!--
--><tr><td>list2 text</td></tr><!--
--><tr><td>list3 text</td></tr><!--
--><tr><td>list4 text</td></tr><!--
--><tr><td>And some really, really, really, really wide list5 text</td></tr><!--
--></table>

{| class="wikitable" style="width:90%;"
|-
! header 1 Firefox shows this wikitable overlapping the right hand table
! header 2 HIER
! header 3 ICI
|-
| '''row 1, cell 1, but Opera will keep them apart'''
| '''row 1, cell 2'''
| '''row 1, cell 3'''
|-
| '''row 2, cell 1 lorem ipsum blah abracadabra fie foe fum sur le pont'''
| '''row 2, cell 2'''
| '''row 2, cell 3'''
|}

The above wikimarkup will appear overlapped when pasted into a mediawiki buffer and previewed. in older browsers. If the overlapping tables appear at the end of this page, then the problem still exists with your browser version and mediawiki markup.

2008-07-21

84user (talk)

See below.