Editing Incubator escapee wiki:Help desk/Archive 8 (section)

==Two tables overlap==
In the article [[Military of the United Kingdom]] the two tables don't display right when saved although they do display correctly when you hit preview. What is the problem here? [[User:Rmhermen|Rmhermen]] 15:32, Sep 18, 2004 (UTC)

:When I first looked, the tables seemed to be lined up fine, but looking at the source, I saw this was because you'd put some blank lines in. The overlap was caused by the first paragraph being shorter than the first table - the problem being that on different people's screens, this difference will vary; I guess it might also vary from skin to skin, and be effected with extra bits from the preview screen, etc. 

:To solve it, I replaced the blank lines with the somewhat magical <nowiki>&lt;br clear="all" /></nowiki>, which I'd seen other people use. This ensures that however much or little of the screen is taken up by the first paragraph, the second table will always line up to the right of the first subheading. - [[User:IMSoP|IMSoP]] 16:22, 18 Sep 2004 (UTC)
:: There were actually two problems.  IMSoP fixed one of them.  The other problem is that &lt;table align="right"&gt; does not prevent the table from overlapping with other text.  To prevent overlap, you should use style="float:right".  Almost all uses of align=right in Wikipedia should use float:right instead.  The difference between IMSoP's version and my version is visible only when you view the page in a very narrow window, or with a very large font.  &mdash;[[User:AlanBarrett|AlanBarrett]] 16:52, 18 Sep 2004 (UTC)

:::Actually, your version behaves exactly the same for me, but maybe that's a difference between browsers (I use [[Mozilla|Moz]]). Still, seems to me that your style attributes are just CSS versions of the HTML attributes that were there in the first place / in "my" version. But what do I know, eh? - [[User:IMSoP|IMSoP]] 17:24, 18 Sep 2004 (UTC)
::::Yes, &lt;br style="clear:both"/&gt; is just the CSS equivalent of &lt;br clear="all"/&gt;, and either would work equally well.  But align="right" and style="float:right" behave differently for me in Opera, if I make the window so narrow that there's enough horizontal space for the table and a few letters of other text (but not enough space for complete words of the main text).  I suppose the ugly way the text overlaps the table with align="right" could be an Opera bug, but it could also be that align="right" is not as well specified as style="float:right".  &mdash;[[User:AlanBarrett|AlanBarrett]] 18:09, 18 Sep 2004 (UTC)