|
adambrooks -> RE: all css table code (9/15/2003 15:35:30)
|
Basically, as long as the data length stays the same, it'll stick. I did play with some code to form rows to contain the data and make it more cohesive, but I think that most browsers just aren't ready for it.
Yada yada yada.
<style>
/* --------------------------------------------------------------------------------------------------------------------------------------- */
body
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
color: #000000;
background: transparent
background-color: #FFFFFF;
/* background-image: url('/images/file.gif'); */
/*background-repeat: no-repeat;*/
/*background-position: bottom right;*/
/*background-attachment: fixed;*/
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #000000;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* BOX MAIN STYLE BEGIN */
.main
{
position: absolute;
top: 100px;
left: 50px;
right: 50px;
/*width: 100%;*/
/*height: 150%;*/
float: left;
z-index: 0;
text-align: left;
background-color:#FFFFFF;
/* background-image: url('/images/backgrounds/stripes.gif'); */
vertical-align: top;
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
border-top:0px solid #000000;
border-bottom:0px solid #CCCCCC;
border-left:0px solid #000000;
border-right:0px solid #000000;
border-collapse: collapse;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* RESULTS */
.resultsheader
{
width: 33%;
float: left;
text-align: left;
background-color: #EEEEEE;
vertical-align: top;
border-bottom: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
border-collapse: collapse;
}
.resultsnormal
{
width: 33%;
float: left;
text-align: left;
background-color: #FFFFFF;
vertical-align: top;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-collapse: collapse;
}
.resultshighlight
{
width: 33%;
float: left;
text-align: left;
background-color: #C0C0C0;
vertical-align: top;
border-bottom: 1px solid #000000;
border-right: 0px solid #EEEEEE;
border-collapse: collapse;
}
/* --------------------------------------------------------------------------------------------------------------------------------------- */
</style>
<span class="main">
<div class="resultsheader">Column 1</div><div class="resultsheader">Column 2</div><div class="resultsheader">Column 3</div>
<div class="resultsnormal">Data Results Normal</div><div class="resultsnormal">Data Results Normal</div><div class="resultsnormal">Data Results Normal</div>
<div class="resultshighlight">Data Results Highlighted Data Results Highlighted Data Results Highlighted Data Results Highlighted Data Results Highlighted Data Results Highlighted Data Results Highlighted </div><div class="resultshighlight">Data Results Highlighted</div><div class="resultshighlight">Data Results Highlighted</div>
</span>
|
|
|
|
