Gecko [ paroquia-rio-de-mouro.pt ]

Linux anchor 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64
Apache/2.4.18 (Ubuntu)
Server IP : 10.10.100.4 & Your IP : 216.73.217.150
Domains : Cant Read [ /etc/named.conf ]
User : www-data

Name	Size	Permission	Date
child-selector-emu.html	2.13 KB	-rw-r--r--	2016-11-28 20:20
confirmable.html	6.42 KB	-rw-r--r--	2016-11-28 20:20
design.html	1.07 KB	-rw-r--r--	2016-11-28 20:20
mediawiki.diff.html	4.14 KB	-rw-r--r--	2016-11-28 20:20
monospace.html	1.79 KB	-rw-r--r--	2016-11-28 20:20
table-layout.html	1.14 KB	-rw-r--r--	2016-11-28 20:20

Rename

<!DOCTYPE html>
<html>
<head>
	<style>
		/** This is just for coloring: */
		table { border: 1px solid #CC0; }
		td { border: 1px solid  #CCC; }

table {
			width: 100%;
			table-layout: fixed;
		}

#first {
			width: 300px;
		}
	</style>
</head>
<body>

<p>
This play with table-layout:fixed; and applying the width to colgroup or col element. Firefox only recongize the width if it is applied on col element!</p>
<p>
On a perfect browser, both tables should look the same</p>

<dl>
	<dt>colgroup</dt>
	<dd>300 px width is applied to the first colgroup element</dd>
</dl>
<div style="width: 400px;">
<table>
	<colgroup id="first" /></colgroup>
	<colgroup id="second"/></colgroup>
	<colgroup id="third" /></colgroup>
	<tr>
		<td>Very long?</td>
		<td>#</td>
		<td>$</td>
	</tr>
</table>
</div>

<dl>
	<dt>col</dt>
	<dd>Each colgroup has an additional col element. The first col element is applied the 300 px width</dd>
</dl>