|
<html>
|
|
<head>
|
|
<title>Test grid</title>
|
|
</head>
|
|
<body>
|
|
<div style="width: 132px; height: 100px; position: relative; background-color: silver;">
|
|
<div style="top: 0px; height: 20px; position: relative;">
|
|
<div style="background-color: yellow; -moz-box-sizing: border-box; left: 36px; width: 60px; height: inherit; position: absolute; overflow: hidden;">somelabel</div>
|
|
<div style="background-color: white; -moz-box-sizing: border-box; left: 120px; width: 12px; height: inherit; position: absolute;"></div>
|
|
</div>
|
|
<div style="top: 0px; height: 20px; position: relative;">
|
|
<div style="background-color: red; -moz-box-sizing: border-box; left: 0px; width: 36px; height: inherit; position: absolute; overflow: hidden;">label</div>
|
|
<div style="-moz-box-sizing: border-box; left: 48px; width: 72px; height: inherit; position: absolute; overflow: hidden;">
|
|
<input type="text" value="" style="background-color: blue; display: block; -moz-box-sizing: border-box; width: 100%;"></input>
|
|
</div>
|
|
<div style="background-color: black; -moz-box-sizing: border-box; left: 120px; width: 12px; height: inherit; position: absolute;"></div>
|
|
</div>
|
|
<div style="top: 0px; height: 20px; position: relative;">
|
|
<div style="background-color: green; -moz-box-sizing: border-box; left: 0px; width: 36px; height: inherit; position: absolute; overflow: hidden;">label</div>
|
|
<div style="background-color: white; -moz-box-sizing: border-box; left: 120px; width: 12px; height: inherit; position: absolute;"></div>
|
|
</div>
|
|
<div style="top: 0px; height: 20px; position: relative;">
|
|
<div style="background-color: black; -moz-box-sizing: border-box; left: 120px; width: 12px; height: inherit; position: absolute;"></div>
|
|
</div>
|
|
<div style="top: 0px; height: 20px; position: relative;">
|
|
<div style="background-color: white; -moz-box-sizing: border-box; left: 0px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: black; -moz-box-sizing: border-box; left: 12px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: white; -moz-box-sizing: border-box; left: 24px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: black; -moz-box-sizing: border-box; left: 36px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: white; -moz-box-sizing: border-box; left: 48px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: black; -moz-box-sizing: border-box; left: 60px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: white; -moz-box-sizing: border-box; left: 72px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: black; -moz-box-sizing: border-box; left: 84px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: white; -moz-box-sizing: border-box; left: 96px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: black; -moz-box-sizing: border-box; left: 108px; width: 12px; height: inherit; position: absolute;"></div>
|
|
<div style="background-color: white; -moz-box-sizing: border-box; left: 120px; width: 12px; height: inherit; position: absolute;"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|