Hi,
Here is my test case:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<style type="text/css" media="all">
.report {
margin: 0em;
padding: 0em;
border-collapse: collapse;
}
.milestone-section {
margin: 0em;
padding: 0em;
border-collapse: collapse;
border-bottom: thin solid yellow;
}
.line-item {
margin: 0em;
padding: 0em;
border-collapse: collapse;
}
.milestone-row {
clear: left;
}
.milestone-name-row {
clear: left;
}
.line-item-entry {
clear: left;
}
.por-phase-row {
clear: left;
}
.li-desc-row {
clear: left;
}
.milestone {
float: left;
width: em;
}
.milestone-name {
float: left;
width: 9em;
padding-top: 1em;
}
.por-phase-desc {
float: left;
width: em;
}
.por-phase {
float: left;
width: 24em;
}
.li-desc {
float: left;
width: 24em;
}
.li-start {
float: left;
width: 8em;
}
.li-end {
float: left;
width: 8em;
}
.milestone-name {
float: left;
width: 8em;
}
.line-item-entry {
position: relative;
padding-top: 0.5em;
left: 8em;
width: 40em;
border-top: thin solid black;
}
.feature-details {
clear: left;
position: relative;
left: 10em;
width: 40em;
border-bottom: thin solid blue;
}
.por-phase {
float: left;
width: 24em;
}
.li-desc {
float: left;
width: 24em;
}
.li-start {
float: left;
width: 8em;
}
.li-end {
float: left;
width: 8em;
}
.feature-id {
float: left;
width: 5em;
}
.feature-abstract {
float: left;
width: 25em;
border-bottom: thin solid red;
}
</style>
</head>
<body>
<div xmlns:fo="http://www.w3.org/1999/XSL/Format";
class="report">
<div class="milestone-row">
<div class="milestone">
<div class="milestone-section">
<div class="milestone-name-row">
<div class="milestone-name">FRS</div>
</div>
<div class="line-item-entry">
<div class="por-phase-desc">
<div class="line-item">
<div
class="por-phase-row">
<div
class="por-phase">28E K01</div>
</div>
<div
class="li-desc-row">
<div
class="li-desc">Uncapped utilization of unused dedicated
capacity</div>
</div>
</div>
</div>
<div class="li-start">2007-12-01</div>
<div class="li-end">2008-02-01</div>
</div>
<div class="feature-details">
<div class="feature-id">557984</div>
<div class="feature-abstract">Unused
Dedicated Capacity</div>
</div>
</div>
<div class="milestone-section">
<div class="milestone-name-row">
<div class="milestone-name">Design</div>
</div>
<div class="line-item-entry">
<div class="por-phase-desc">
<div class="line-item">
<div
class="por-phase-row">
<div
class="por-phase">28E TOP</div>
</div>
<div
class="li-desc-row">
<div
class="li-desc">Topas support for 28E</div>
</div>
</div>
</div>
<div class="li-start">2007-12-01</div>
<div class="li-end">2007-12-20</div>
</div>
<div class="feature-details">
<div class="feature-id">559672</div>
<div class="feature-abstract">Topas
shared pool usage/donated
dedicated capacity</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
If viewed in a browser, the yellow line is appearing a line higher
than I expect it to be. I was expecting that the <div
class="milestone-section" box would contain the "<div
class="feature-details" box too. Any ideas whats wrong?
Thanks,
Kenneth
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
