Sent by Marcluzietti on 30 March 2006 21:09
The code below generates a header on the top-left of the table. The text
in the <p> element, however, rolls up into a ball on the other end of the
table.
It should start right under the heading. I've tried giving a width:auto
and the
holly hack, but to no avail. I've tried floating it.
HELP!
I think this is all the relevant code.
<div>
<table>
<caption>
<h2>Test Results:</h2>
<p>Calculated Closing Costs: <%jsp stuff%></p>
</caption>
=======================
table {
border:none;
border-collapse:collapse;
font-size:100%;
margin:0;
}
caption {
border-bottom:1px solid #900;
display:inline;
margin:0;
padding:0;
text-align:left;
}
caption h2 {
float:left;
display:inline;
}
caption p {
display:inline;
float:left;
}
--
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/