|
Posted by BootNic on 04/22/06 22:05
> "Markus.Baerlocher@lau-net.de" <Markus.Baerlocher@lau-net.de> wrote:
> news:1145709369.849885.256550@g10g2000cwb.googlegroups.com....
>
> Hi,
>
> i would like to make a I 2-column-layout with <table>.
>
> How do i make a space between the two "columns"?
>
[snip]
From your example I do not see any need to use tables embedded in a
table.
Looks like you could use one table with one row and 3 cells.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content=
"text/html; charset=windows-1252">
<style type="text/css">
table,td,img{
border:1px solid #003399;
}
table{
width: 100%;
padding:0;
}
td{
padding: 0.5em;
border:1px solid #003399;
}
..tdl{
width:46%;
background-color: #87CEFA;
}
..tdr{
width:46%;
background-color:#FFFACD;
}
</style>
<title></title>
</head>
<body>
<table summary="">
<colgroup>
<col class="tdl">
<col>
<col class="tdr">
</colgroup>
<tbody>
<tr>
<td>
<p>content left</p>
<p>content left</p>
</td>
<td style="border:none;"></td>
<td>
<p>content right</p>
<p>content right</p>
</td>
</tr>
</tbody>
</table>
<p><a href="http://validator.w3.org/check?uri=referer"><img src=
"http://www.w3.org/Icons/valid-html401" "Valid HTML 4.01 Strict" height=
"31" width="88"></a> <a href=
"http://jigsaw.w3.org/css-validator/"><img src=
"http://jigsaw.w3.org/css-validator/images/vcss" alt=
"Valid CSS!"></a></p>
</body>
</html>
--
BootNic Saturday, April 22, 2006 3:05 PM
It is well known that "problem avoidance" is an important part of
problem solving. Instead of solving the problem you go upstream and
alter the system so that the problem does not occur in the first
place.
*Edward de Bono*
[Back to original message]
|