1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
|
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
.table { display: table; }
.group {display: table-row-group; }
.row { display: table-row; }
.cell { display: table-cell; border:1px solid black; }
</style>
</head>
<body>
<div class="table">
<div class="group">
<div class="row">
<div class="cell" style="width:174px;background-color:blue">
ligne1 - gauche
</div>
<div class="cell" style="width:802px;background-color:yellow">
ligne1 - centre du coté droit
</div>
</div>
<div class="row">
<div class="cell" style="border:1px solid gray">
ligne 2 - tout l'espace
</div>
</div>
<div class="row">
<div class="cell" style="border:1px solid gray">
ligne 3 - tout l'espace
</div>
</div>
</div>
</div>
</body>
</html> |